我正在尝试h1使用以下代码更改via的文本
document.getElementById("wpbody-content").getElementsByClassName("wrap").getElementsByTagName('h1')[0].innerHTML = 'Application Forms';
这是HTML代码
document.getElementById("wpbody-content").getElementsByClassName("wrap").getElementsByTagName('h1')[0].innerHTML = 'Application Forms';
但它显示我以下错误
TypeError: document.getElementById(...).getElementsByClassName(...).getElementsByTagName is not a function
我试图帮助一位朋友制作他的网站学校项目，但遇到了问题。它本来应该有 3 个文本框，其中一个按钮可以添加更多文本框，我尝试过，document.write但它覆盖了整个页面，所以我查了一下，发现了document.createElement，这似乎不太有效。
我不知道我的代码中是否有任何错误。
<!DOCTYPE html>
<html>
<head>
<style>
.input {
margin-top: 50px;
}
.input .submit {
float: left;
}
.add {
margin-left: 100px;
margin-top: 50px;
width: 50px;
height: 50px;
font-size: 30px;
}
.gen {
float: right;
margin-right: 100px;
width: 400px;
height: 50px;
font-size: 25px;
}
.output {
position: fixed;
margin-top: 100px;
float: right;
margin-left: 400px;
}
</style>
<script language="javascript" type="text/javascript">
var input = document.createElement("<p>Hello</p>");
var container = document.getElementsByClassName("buttons");
container.appendChild(input);
</script>
</head>
<body>
<form class="buttons">
<input …我一直被这个错误所困扰，我无法更新名为“currMonth”和“currYear”的 li 类的innerHTML。它们应该通过该OnStart()功能进行更新。我尝试使用console.log，它表明值在幕后发生变化。如果有人能告诉我我做错了什么，那就太好了。谢谢！
HTML：
<!DOCTYPE html>
<html lang = "en-US">
<head>
<title title = "O(n)Time"></title>
<meta charset="UTF-8">
<script src="../js/script.js"></script>
<link rel="stylesheet" type="text/css" href="../css/styles.css">
</head>
<body>
<div class="month">
<ul>
<li class="prev">❮</li>
<li class="next">❯</li>
<li id="currMonth"></li>
<li id="currYear"><span style="font-size:18px"></span></li>
</ul>
</div>
</body>
<ul class="weekdays">
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
<li>Wednesday</li>
<li>Thursday</li>
<li>Friday</li>
<li>Saturday</li>
</ul>
<ul class="days">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li><span class="active">10</span></li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li> …这个工作:
<td onmouseover="document.getElementById('textbox').innerHTML='Hidden text'" onmouseout="document.getElementById('textbox').innerHTML='Show text'">
<div id="textbox">Show text</div>
</td>
但是这个没有:
<td onmouseover="document.getElementByClassName('textbox').innerHTML='Hidden text'" onmouseout="document.getElementByClassName('textbox').innerHTML='Show text'">
<div class="textbox">Show text</div>
</td>
我怎样才能解决这个问题？我需要一个课程不止一次地使用它.
我正在尝试使用 Document.getElementByClassName，但它不起作用。我在下面包含了我的代码。我很感激任何帮助。
HTML 文档：
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Day Practice</title>
<style></style>
</head>
<body>
<h1 class=myclass> Some text</h1>
</body>
</html>
JavaScript 代码：
var change = document.getElementByClassName("myclass");
change.innerHTML = "New text";
document.getElementByClassName('xyz').style.display = 'none';
我无法隐藏课程内容.