首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析

; //返回true 或者 false 方法二: document.getElementById(elementID).checked; //返回true 或者 false 方法三:(有缺陷)...document.querySelector("[checked]"); //返回DOM元素 或 null 方法四:(有缺陷) document.getElementById(elementID)....---- 方式4 是先获取元素,在判断他是不是有 checked 属性,但是同样他有和方法三 一样的缺陷 补充 然而说到获取属性,我们一定会想到getAttribute() 方法,返回值是属性的值...或者 null,但是这个方法来获取checked属性的值,并不好用,他有和方法三 一样的缺陷,他始终都只会获取checked属性的初始值,用户在页面上点击是不会改变他的值的!...[ name ] 这里我们可以理解为document.getElementById(elem)[name] = value,也就是上面说的js原生方法一 总结 获取页面被选中元素的方法有很多,

5.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript(十)

    对于元素节点,nodeName 中保存的始终都是元素的标签名,而 nodeValue 的值则始终为 null。 节点关系 节点间的各种关系可以用传统的家族关系来描述,相当于把文档树比喻成家谱。...的值为 null 常用属性 document 对象有一个 documentElement 属性,该属性始终指向 HTML 页面中的 html 元素。...要访问元素的标签名,可以使用 nodeName 属性,也可以使用 tagName 属性,这两个属性会返回相同的值: var div = document.getElementById("myDiv"...注意,传递给 getAttribute() 的特性名与实际的特性名相同。如果给定名称的特性不存在,getAttribute() 返回 null。...而在访问 onclick 属性时,则会返回一个 JavaScript 函数(如果未在元素中指定相应特性,则返回 null)。

    69510

    DOM

    一、节点层次 在HTML页面中,文档元素始终都是元素。 1. Node类型 JavaScript中的所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法。...= someNode.nodeValue; // null console.log(name, value); } (3)节点关系 文档中所有节点之间都存在着这样或那样的关系。...(1)查找元素 方法 说明 getElementById() 只返回文档中第一次出现的元素;如果不存在带有相应id的元素,则返回null getElementsByTagName() 返回的是包含零或多个元素的...注意:在HTML中,标签名都以大写字母表示;在XML中,标签名始终与源代码中的保持一致。...("特性名") 如不存在返回null 注意有两类特殊的特性: style,返回CSS文本,通过属性访问则返回一个对象; onclick等事件处理程序,返回相应代码的字符串。

    1.5K21

    再谈BOM和DOM(5):各个大流浪器DOM和BOM里面的那些坑—兼容性

    指向在childNodes列表中的最后一个节点 childNodes NodeList 所有子节点的列表 previousSibling Node 返回选定节点的上一个同级节点,若不存在,则返回null...nextSibling Node 返回被选节点的下一个同级节点,若不存在,则返回null hasChildNodes() Boolean 如果当前元素节点拥有子节点,返回true,否则返回false...element.setAttribute(className, value);  //for IE IE:可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性...解决方法:统一通过getAttribute()获取自定义属性 document.getElementById('box').getAttribute('id');//获取元素的 id 值 document.getElementById...('box').id;//获取元素的 id 值 document.getElementById('box').getAttribute('mydiv');//获取元素的自定义属性值 document.getElementById

    98040

    document对象(DOM)–认识DOM

    节点属性: 属性 说明 nodeName 返回一个字符串,其内容是给定节点的名字 nodeType 返回一个整数,这个数值代表节点的类型 nodeValue 返回给定节点的当前值 遍历节点树: 方法...说明 childNodes 返回一个数组,这个数组又指定元素节点的子节点构成 firstChild 返回第一个子节点 lastChild 返回最后一个子节点 parentNode 返回一个给定节点的父节点...// ul节点名称 console.log(ul_childnodes.nodeType) // ul节点类型 console.log(ul_childnodes.nodeValue) // 此结果为null...var getA = document.getElementById("one") console.log(getA.getAttribute("class")) // setAttribute()方法...getA.setAttribute("title","增加") console.log(getA.getAttribute("width")) console.log(getA.getAttribute

    1.6K20

    DOM

    一、节点层次 在HTML页面中,文档元素始终都是元素。 1. Node类型 JavaScript中的所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法。...= someNode.nodeValue; // null console.log(name, value); } (3)节点关系 文档中所有节点之间都存在着这样或那样的关系。...(1)查找元素 方法 说明 getElementById() 只返回文档中第一次出现的元素;如果不存在带有相应id的元素,则返回null getElementsByTagName() 返回的是包含零或多个元素的... 注意:在HTML中,标签名都以大写字母表示;在XML中,标签名始终与源代码中的保持一致。...("特性名") 如不存在返回null 注意有两类特殊的特性: style,返回CSS文本,通过属性访问则返回一个对象;onclick

    1.5K30
    领券