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

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

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

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

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

<div id="myDiv" data-value="123"></div>

在本地运行以下代码：

var myDiv = document.getElementById("myDiv");
var value = myDiv.getAttribute("data-value");
console.log(value);

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

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

var myDiv = document.getElementById("myDiv");
var value = myDiv.dataset.value;
console.log(value);

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

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