仅使用Javascript设置HR标记的宽度

绒毛：这是一个任务，我需要使用javascript创建和操作hr标记。我需要直接在开始的body标记之后插入.js文件

问题：我无法获得要应用的hr的width属性

我已经尝试过setAttribute（）和.style.width=blah。两个都不适合我。我哪里做错了

函数头函数（）{
var h1=document.getElementById（'h1'）；
h1.innerHTML=“L.Name”；
h1.style.color=“红色”；
h1.style.fontfamine=“Tahoma”；
h1.设置属性（“对齐”、“居中”）；
var h2=document.getElementById（'h2'）；
h2.innerHTML=“WEB 101.0001”；
h2.style.color=“红色”；
h2.style.fontfamine=“Garamond”；
h2.设置属性（“对齐”、“居中”）；
h2.style.fontStyle=“斜体”；
var h3=document.getElementById（'h3'）；
h3.innerHTML=“构建您的简历”；
h3.设置属性（“对齐”、“居中”）；
var newElem=document.createElement（“HR”）；
var hR=document.getElementById（'header'）；
hR.insertBefore（newElem，hR.childNodes[4]）；
var hrule=document.getElementsByTagName（“HR”）；
hrule.setAttribute（“宽度”、“60%”）；
}

Web115最终项目

您应该使用浏览器的开发人员工具检查错误控制台，并查看是否出现以下错误：

未捕获类型错误：hrule.setAttribute不是函数

这意味着

hurle

不是你想象的那样。你把它当作一个元素，但实际上你得到的是一个元素数组。您可能需要第一个，因此可以将其引用为

hrule[0]

---

从那里，您可以像前面尝试的那样使用

.style

设置宽度。

您应该使用浏览器的开发人员工具检查错误控制台，并查看是否出现以下错误：

未捕获类型错误：hrule.setAttribute不是函数

这意味着

hurle

不是你想象的那样。你把它当作一个元素，但实际上你得到的是一个元素数组。您可能需要第一个，因此可以将其引用为

hrule[0]

---

从那里，您可以像前面一样使用

.style

设置宽度。

学习如何使用开发人员控制台。阅读有关

getElementsByTagName

的内容，您将看到它是一个HTML集合。不要使用

innerHTML

设置文本：它速度慢（因为它需要对HTML进行解析）而且风险大（由于脚本注入攻击）。改用

.textContent

。@Dai谢谢你提供的信息，我将不得不阅读更多关于.textContent的内容。我的课程就要结束了，我们一点也没有涉及到这一点。学习如何使用开发人员控制台。阅读有关

getElementsByTagName

的内容，您将看到它是一个HTML集合。不要使用

innerHTML

设置文本：它速度慢（因为它需要对HTML进行解析）而且风险大（由于脚本注入攻击）。改用

.textContent

。@Dai谢谢你提供的信息，我将不得不阅读更多关于.textContent的内容。我的课快结束了，我们一点也没有涉及到这一点。