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

在本地运行代码时,即使值存在,getAttribute(值)也会返回null

在本地运行代码时,即使值存在,getAttribute(值)也会返回null。

getAttribute()是JavaScript中用于获取HTML元素的属性值的方法。它接受一个参数,即要获取的属性名,并返回该属性的值。然而,当在本地运行代码时,即使该属性存在,getAttribute()方法也会返回null。

这是因为在本地运行代码时,JavaScript代码是在浏览器的上下文中执行的。而在浏览器上下文中,getAttribute()方法只能获取HTML元素在DOM树中的初始属性值,而不能获取通过JavaScript动态修改后的属性值。

举个例子来说明,假设有一个HTML元素如下:

代码语言:txt
复制
<div id="myDiv" data-value="123"></div>

在本地运行以下代码:

代码语言:txt
复制
var myDiv = document.getElementById("myDiv");
var value = myDiv.getAttribute("data-value");
console.log(value);

在浏览器上运行时,控制台会输出"123",因为getAttribute()方法成功获取到了data-value属性的初始值。然而,在本地运行时,控制台会输出null,因为getAttribute()方法无法获取到通过JavaScript动态修改后的属性值。

如果想要获取通过JavaScript动态修改后的属性值,可以直接通过元素对象的属性来获取,例如:

代码语言:txt
复制
var myDiv = document.getElementById("myDiv");
var value = myDiv.dataset.value;
console.log(value);

这样,在本地运行时,控制台会输出"123",因为dataset属性可以直接获取到通过JavaScript动态修改后的属性值。

总结起来,当在本地运行代码时,即使值存在,getAttribute(值)也会返回null。如果想要获取通过JavaScript动态修改后的属性值,可以使用元素对象的属性来获取。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • DOM笔记2

    <!– 节点类型检查 if(someNode.nodeType==ElementNode){ alert(“Node is an element”); } 或者 if(someNode.nodeType==1){ alert(“Node is an element”); } 使用nodeName和nodeValue这两个属性 if(someNode.nodeType==1){ var someNode.nodeName();//nodeName的值是元素的标签名 } 每一个节点都有一个childNodes属性。当中保存NodeList对象,NodeList是一种类型数组对象,用于保存一组有序的节点 这个对象也有length属性,能够通过位置来訪问这些节点 var firstChild=someNode.childNodes[0]; var secondChild=someNode.childNodes.item(1); var length=someNode.childNodes.length; 每一个节点都有一个parentNode属性。该属性指向文档树中的父节点 if(someNode.nextSibling===null){ alert(“last node in the parent’s childNodes list…”); }else if(someNode.previousSibling===null){ alert(“First node in the parent’s childNodes list…”); 假设列表中仅仅有一个节点,那么该节点的nextSibling和previousSibling都为null } 父节点和第一个子节点和最后一个子节点也存在关系 firstChild lastChild 即存在这种关系 (someNode.childNodes[0]===someNode.firstChild) (someNode..childNodes[childNodes.length-1]===someNode.lastChild) 操作节点 最经常使用的方法是appendChilde();//用于向childNodesd的末尾加入一个节点 var returnNode=somenNode.appendChild(newNode); alert(returnNode==newNode);//true alert(someNode.lastChild==newNode);//true 使用insertBefore()方法将节点附加到ChildNodes的任何位置 var returnNode=someNode.appendChild(newNode,null); alert(returnNode==someNode.lastNode);//true //插入后成为一个子节点 var returnNode=someNode.appendChild(newNode,someNode.firstNode); alert(returnNode===newNode); alert(returnNode===someNode.firstNode); //插入后成为最后一个节点的前一个节点 var returnNode=someNode.appendChild(newNode,someNode.lastNode); alert(returnNode===someNode.childNodes.length-2);//true alert(returnNode===newNode);//true //注意:appendChild()和insertBefore不会删除节点 //replaceChild()方法接受两个參数,要插入的节点和要替换的节点,要替换的节点将由这种方法返回并从文档树中删除 //替换第一个子节点 var retuenNode=someNode.replaceChild(newNode,someNode.firstChild); //替换最后一个子节点 var returnNode=somNode.replaceChild(newNode,someNode.lastChild); //使用removeChild()方法删除一个子节点 var formerFirstNode=someNode.removeChild(someNode.firstNode); //删除最后一个子节点 var lastNode=someNode.removeChild(someNode.lastNode); //parentNode属性 。。。

    02

    python的__get__、__set

    内容:     描述符引导         摘要         定义和介绍         描述符协议         调用描述符         样例         Properties         函数和方法         静态方法和类方法 摘要     定义并展示如何调用描述符,展示自定义描述符和几个内置的python描述符,包括函数、属性、静态方法和类方法,通过给出一个Python的示例应用来展示描述符是如何工作的.     熟练掌握描述符不仅让你拥有python使用的额外技巧,并且可以加深对Python内部如何工作的理解,提升对程序设计的能力,而且体会到python的设计优雅之处 定义和介绍     一般来说,描述符是带有“绑定行为”的对象属性,它的属性访问已经被描述符协议中的方法覆盖了.这些方法是__get__(),__set__(),和__delete__().     如果一个对象定义了这些方法中的任何一个,它就是一个描述符.     默认的属相访问是从对象的字典中 get, set, 或者 delete 属性,;例如a.x的查找顺序是:     a.x -> a.__dict__['x'] -> type(a).__dict__['x'] -> type(a)的基类(不包括元类),如果查找的值是对象定义的描述方法之一,python可能会调用描述符方法来重载默认行为,     发生在这个查找环节的哪里取决于定义了哪些描述符方法     注意,只有在新式类中描述符才会起作用(新式类继承type或者object class)     描述符是强有力的通用协议,属性、方法、静态方法、类方法和super()背后使用的就是这个机制,描述符简化了底层的c代码,并为Python编程提供了一组灵活的新工具 描述符协议

    02
    领券