美文网首页简媒
第4节: 获取DOM对象值

第4节: 获取DOM对象值

作者: 程序世界 | 来源:发表于2020-03-07 14:22 被阅读0次

知识讲解:

除访问DOM元素之外,jQuery还可以非常方便地获取DOM对象的值,语法比传统的JavaScript代码更加简洁,代码如下列所示:

var oRdoValue =$("#rdom").is(":checked")

上述代码是获取一个单选框元素选中时的状态,如果选中,则为true,否则,该值为false,并将该值保存到变量oRdoValue中。

例如,在一个页面中,添加一个两个单选框和一个按钮,当点击按钮时,将单选框按钮选中的值显示在页面<div>元素中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,先使用变量缓存下单选框对象,然后获取对象是否选中的状态,根据该状态值,转成选择后的文字,最后将文字显示在页面中。

相关文章

  • 第4节: 获取DOM对象值

    知识讲解: 除访问DOM元素之外,jQuery还可以非常方便地获取DOM对象的值,语法比传统的JavaScript...

  • JavaScript 浏览器操作

    JavaScript 快速入门 浏览器浏览器对象操作 DOM插入 DOM删除 DOM 操作表单获取值设置值HTML...

  • JQuery-获取元素

    DOM中获取元素 根据id属性的值获取元素,返回来的是一个元素对象 getElementById(‘id属性的值’...

  • JavaScript-DOM-getAttribute&

    1.getAttribute方法可以获取Dom对象的属性值(主要用于获取自定义属性的值) 参数:属性名 返回值:对...

  • JavaScript ----- 操作DOM对象的属性

    操作DOM对象的属性的方法有四种如下: DOM对象.属性名称 = 新值; DOM对象["属性名称"] = 新值; ...

  • DOM属性操作.样式操作

    每个HTML属性对应相应的DOM对象操作 属性操作 getAttribute()获取元素的attribute值 s...

  • 02-JQuery操作DOM

    一、JS获取DOM元素和JQuery获取DOM元素的区别 JavaScript获取的是DOM对象,而Jquery获...

  • 网页编程day-43:DOM编程和表单验证

    一、DOM编程 1.操作元素文本和值: 1)获取标签的对象: document.getElementById("i...

  • 读书笔记:常用DOM操作

    1、获取dom对象/对象数组(常用),返回一个dom数组 (1)document/dom.getElementBy...

  • 元素对象和选择器

    html dom树 通过获取dom节点的方法获取到 元素对象 还能通过console.dir(元素对象) 打印出元...

网友评论

    本文标题:第4节: 获取DOM对象值

    本文链接:https://www.haomeiwen.com/subject/nrrcdhtx.html