DOM 操作示例：获取和修改 p 元素的 name 属性
<!DOCTYPE html>
<html>
<head>
<title>DOM 操作示例：获取和修改 p 元素的 name 属性</title>
</head>
<body>
<p name="p1">Paragraph 1</p>
<p name="p2">Paragraph 2</p>
<p name="p3">Paragraph 3</p>
<script>
// 获取所有 p 元素
var paragraphs = document.getElementsByTagName("p");
// 显示每个 p 元素的 name 属性值
for (var i = 0; i < paragraphs.length; i++) {
console.log(paragraphs[i].getAttribute("name"));
}
// 将三个 p 元素的 name 属性值设置为 pElement
for (var i = 0; i < paragraphs.length; i++) {
paragraphs[i].setAttribute("name", "pElement");
}
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/pGyh 著作权归作者所有。请勿转载和采集!