gpt4 book ai didi

javascript - Javascript 中的属性值

转载 作者:行者123 更新时间:2023-11-30 19:57:36 24 4
gpt4 key购买 nike

我正在使用以下代码创建图像标签。

var a = new DOMParser().parseFromString('<img src="/hello" alt="Promised">', "text/xml");
for(var b in a){
alert('b is: ' + b + '.Value is: ' + a[b]);
}

在上面的代码中,我无法获取图像的 alt 属性的值。为什么for循环中alt不显示?

我知道我们可以获得如下属性:

var a = document.getELementsByTagName('img')[0].alt; 

但为什么它在 for 循环中不起作用?

最佳答案

将它解析为 XML 并没有帮助,但它不是有效的 XML(没有结束标记)。试试这个:

new XMLSerializer().serializeToString(a)

你得到这个解析器错误:

<img src="/hello" alt="Promised">
<parsererror xmlns="http://www.w3.org/1999/xhtml" style="display: block; white-space: pre; border: 2px solid #c77; padding: 0 1em 0 1em; margin: 1em; background-color: #fdd; color: black">
<h3>This page contains the following errors:</h3>
<div style="font-family:monospace;font-size:12px">error on line 1 at column 34: Extra content at the end of the document
</div>
<h3>Below is a rendering of the page up to the first error.</h3>
</parsererror>
</img>

如果您修复 XML(结束标记)并重复,您将得到:

var a = new DOMParser().parseFromString('<img src="/hello" alt="Promised"></img>', "text/xml");
new XMLSerializer().serializeToString(a)

结果:

<img src="/hello" alt="Promised"/>

如果您将其解析为 HTML:

var a = new DOMParser().parseFromString('<img src="/hello" alt="Promised">', "text/html");

你会得到这个:

<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
<img src="/hello" alt="Promised" />
</body>
</html>

要遍历元素的属性,您需要修复循环:

var elem = a.getElementsByTagName('img')[0];
for (var i = 0; i < elem.attributes.length; i++) {
var attrib = elem.attributes[i];
if (attrib.specified) {
console.log('b is: ' + attrib.name + '. Value is: ' + attrib.value);
}
}

关于javascript - Javascript 中的属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53767480/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com