`

js-dom检查元素属性 hasAttribute()

阅读更多
hasAttribute()
  如果存在指定属性,则 hasAttribute() 方法返回 true,否则返回 false。

http://www.w3school.com.cn/jsref/met_element_hasattribute.asp
浏览器兼容性:
  1.所有主流浏览器均支持 hasAttribute() 方法。
  2.Internet Explorer 8 以及更早的版本不支持该方法。

判断按钮是否有点击事件:
document.getElementsByTagName("button")[0].hasAttribute("onclick");//结果:true
分享到:
评论

相关推荐

    HTML DOM 常用的属性和方法

    - `hasAttribute(name)`:检查元素是否具有指定的属性。 - `removeAttribute(name)`:移除指定的属性。 - `setAttribute(name, value)`:设置或添加元素的属性及其值。 - `removeAttributeNode(attr)`:移除指定的...

    JS中DOM元素的attribute与property属性示例详解

    property 是 dom 元素在 js 中作为对象拥有的属性。 从定义上可以看出: 对于 html 的标准属性来说,attribute 和 property 是同步的,是会自动更新的 但是对于自定义的属性来说,他们是不同步的.(自定义属性不会...

    JavaScriptDOM编程艺术

    还可以使用`hasAttribute`检查属性是否存在,`removeAttribute`移除属性。 8. **事件处理**:JavaScript通过DOM提供了事件处理机制。`addEventListener`和`removeEventListener`用于添加和移除事件监听器,`...

    Dom编程之读写属性节点

    DOM还提供了其他与属性相关的API,比如`hasAttribute()`检查元素是否具有特定属性,`getAttributeNode()`返回属性节点对象,`setAttributeNode()`和`removeAttributeNode()`用于操作属性节点本身。 通过尚硅谷_...

    javascript-cheat-sheet-v1

    - **hasAttribute(name)**: 检查是否有指定的属性。 - **hasAttributes()**: 检查是否有属性。 - **insertBefore(newNode, referenceNode)**: 在指定节点之前插入新节点。 - **removeChild(node)**: 移除子节点...

    JavaScript DOM编程艺术 源代码

    4. **属性操作**:`getAttribute()`和`setAttribute()`用于获取和设置元素属性,`hasAttribute()`检查是否存在特定属性,`removeAttribute()`移除属性。 5. **事件处理**:JavaScript提供事件监听机制,`...

    xml.rar_DOM_XML DOM_dom xml_xml

    7. **属性操作**:`getAttribute()`和`setAttribute()`分别用于获取和设置元素的属性值,`hasAttribute()`检查元素是否包含特定属性,`removeAttribute()`移除属性。 8. **事件和命名空间**:DOM支持事件处理,可...

    jacascript DOM节点——元素节点、属性节点、文本节点

    DOM节点是这个树形结构的基本单位,主要包括元素节点、属性节点和文本节点。 **元素节点** 是DOM中最核心的部分,它们对应HTML中的标签元素。例如,`<div>`、`<p>`、`<img>`等都是元素节点。元素节点提供了访问标签...

    动态创建html内容时所用的W3C DOM属性和方法

    18. `element.hasAttribute(name)`:检查元素是否具有指定的属性。 19. `element.removeAttributeNode(attributeNode)`:从元素的属性列表中删除指定的Attr节点。 20. `element.setAttributeNode(newAttr)`:将...

    DOM访问/创建/删除/修改文档节点及属性方法

    DOM 访问、创建、删除、修改文档节点及属性方法 DOM(Document Object Model)是 HTML 和 XML 文档的编程接口,允许开发者使用脚本语言(如 JavaScript)来访问和...3. `hasAttribute()`: 判断元素是否具有指定属性。

    xml.rar_javascript_javascript xml_xml javascript_xml文件

    - `hasAttribute()`/`removeAttribute()`:检查属性是否存在或移除属性。 7. **文本内容操作**: - `textContent`:获取或设置元素的文本内容。 - `innerHTML`:获取或设置元素的HTML内容。 8. **XPath表达式**...

    纯js tooltip工具提示插件

    通常,这样的插件会监听鼠标的移动事件,当检测到鼠标悬停在特定元素上时,动态创建一个包含提示信息的DOM元素,并计算最佳的位置以显示在鼠标附近。 在实现过程中,插件可能包含以下几个核心步骤: 1. **选择器与...

    Javascript解析服务器端XML文件

    总的来说,JavaScript解析服务器端XML文件并生成树形菜单是一个常见的任务,涉及到XMLHttpRequest、DOM操作和递归算法等多个知识点。通过掌握这些技术,开发者可以构建出强大的前端应用程序,实现与服务器的数据交互...

    html-css-toboolist

    - `disabled` 属性用于禁用元素,如`<input>`、`<button>`等,只需添加此属性即可。 - `readonly` 属性使输入字段变为只读,用户无法修改内容,但可复制。 - `required` 属性强制表单字段在提交前必须填写,常见于`...

    MessageScrambler:这会扰乱任何消息

    然后,我从dom中获得了所有元素让spans = document.body.getElementsByTagName('span') 一旦有了所有的范围,我就遍历了它们,并为每个具有隐藏属性的元素提取了innerHTML。 让messageString =“” for(let i = ...

    用ES6的class模仿Vue写一个双向绑定的示例代码

    视图更新器通过`_initView`方法来更新DOM元素的值。例如,对于`v-model`,它会设置输入框和选择框的value,以及使用正则表达式替换HTML中的插值表达式(`{{text}}`)。 最后,我们实现了一个简单的数据观察器(`_...

    使用proxy实现一个更优雅的vue【推荐】

    Vue.js 是一款流行的前端JavaScript框架,它以数据驱动和组件化为核心,使得开发Web应用更加高效。在Vue 2.x版本中,响应式系统依赖于`Object.defineProperty()`来实现数据的观测和变化追踪。然而,这种方法有一些...

Global site tag (gtag.js) - Google Analytics