美文网首页
JS案例8-自定义属性getAttribute()

JS案例8-自定义属性getAttribute()

作者: hi__world | 来源:发表于2018-10-17 23:15 被阅读0次
  • 给HTML标签自定义属性。

  • 第一种方法。

1.jpg
  • 第二种方法。

2.jpg

源码:

<!DOCTYPE html>
<html>
<head>
    <title>demo</title>
</head>
<script>
    window.onload=function(){//页面执行完毕后触发此事件。
        // 第一种给标签加属性的方法
        var div=document.querySelector("div");
        div.att1=123;//给DIV标签自定义一个属性。打印是一下
        console.log(div.att1)//可以打印,但是标签里面没这个属性。

        // 第二种

        div.setAttribute("att2","456");//这次用方法再自定义一个属性

        console.log(div.getAttribute("att2"))//方法定义的属性必须用方法获取

        console.log(div.att2)//直接获取则会返回undifined
    }
</script>
<body>
    <div>孤独是人生的常态</div>
</body>
</html>

相关文章

  • JS案例8-自定义属性getAttribute()

    给HTML标签自定义属性。 第一种方法。 第二种方法。 源码:

  • 自定义属性

    自定义一般属性 通过getAttribute获取对应的属性 自定义data属性 通过getAttribute或者d...

  • Day10 DOM

    自定义属性及getAttribute方法 getAttribute() 获取特定元素节点属性的值,某些低版本浏览器...

  • 自定义属性

    setAttribute/getAttribute/removeAttribute设置获取移除元素的自定义属性信息...

  • 复习笔记之API(3) 节点

    操作元素补充 自定义属性的操作获取元素的属性值element.属性element.getAttribute('属性...

  • 无处安放

    1、取消a标签的默认行为 2、自定义属性的操作 访问:元素.getAttribute(属性名);设置属性:元素.s...

  • js 和 jq 获取自定义data属性

    总结:js:用getAttribute(),dataset()的方法获取,可以用dataset()来设置属性jq:...

  • JavaScript-DOM-getAttribute&

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

  • 03-第三章 函数、自定义属性、事件

    一、 变量与属性的区别 属性分节点属性 和js属性节点属性 :元素自带属性js属性:js中自定义的属性 当js属性...

  • 前端js开发浏览器兼容性基本原则

    标签自定义属性,通过getAttribute和setAttribute访问,而不要用点成员的方式 表单中增加表单项...

网友评论

      本文标题:JS案例8-自定义属性getAttribute()

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