僅使用Javascript設置HR標簽的寬度

Question

絨毛：這是一項作業，我需要使用javascript創建和操作hr標簽。 我需要在主體標簽后直接插入.js文件。

問題：我無法獲取hr的width屬性來應用。

我已經嘗試了setAttribute（）和.style.width = blah。 都沒有為我工作。 我要去哪里錯了？

 function headerFunction() { var h1 = document.getElementById('h1'); h1.innerHTML = "L. Name"; h1.style.color = "red"; h1.style.fontFamily = "Tahoma"; h1.setAttribute("align", "center"); var h2 = document.getElementById('h2'); h2.innerHTML = "WEB 101.0001"; h2.style.color = "red"; h2.style.fontFamily = "Garamond"; h2.setAttribute("align", "center"); h2.style.fontStyle = "italic"; var h3 = document.getElementById('h3'); h3.innerHTML = "Build Your Resume"; h3.setAttribute("align", "center"); var newElem = document.createElement("HR"); var hR = document.getElementById('header'); hR.insertBefore(newElem, hR.childNodes[4]); var hrule = document.getElementsByTagName("HR"); hrule.setAttribute("width", "60%"); }

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" src="finalCSS.css"> <title>Web 115 Final Project</title> </head> <body onload="headerFunction()"> <script src="projectJS.js"></script> <header id="header"> <h1 id="h1"></h1> <h2 id="h2"></h2> <h3 id="h3"></h3> </header> <form action="" name="form1"> </body> </html>

Answer 1

您應該使用瀏覽器的開發人員工具來檢查錯誤控制台，並查看是否收到以下錯誤：

未捕獲的TypeError：hrule.setAttribute不是函數

這意味着hurle不是您想的那樣。 您將其視為一個元素，但實際上您正在找回一個元素數組。 您可能需要第一個，因此可以將其稱為hrule[0] 。

從那里，您可以像之前嘗試的那樣使用.style設置寬度。

僅使用Javascript設置HR標簽的寬度

問題描述

1 個解決方案

解決方案1
3 已采納 2018-07-14 01:46:39

僅使用Javascript設置HR標簽的寬度

問題描述

1 個解決方案

解決方案1 3 已采納 2018-07-14 01:46:39

解決方案1
3 已采納 2018-07-14 01:46:39