gpt4 book ai didi

javascript - getElementsByClassName 多次使用并显示在 <title>

转载 作者:行者123 更新时间:2023-11-30 20:13:33 24 4
gpt4 key购买 nike

我正在使用 getElementByClassName 函数来更改显示的文本。我遇到了 2 个不同的问题。

问题 1:我想更改我的 <title></title>var value 的值.它不像 body 元素中显示的文本那样工作。

问题 2:现在我使用 4 个不同的变量,因为我只能声明一个 getElementsbyClassName每隔一次 class .我有办法让这段代码写得更漂亮/更紧凑吗?

我们会提供任何帮助,

<!DOCTYPE html>
<html lang="">
<head>
<title><!--VALUE HERE<div class="div0"></div>--></title>
</head>

<body>

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>

<script>
var value= "Banana";
//var vartest0 = document.getElementsByClassName("div0");
var vartest1 = document.getElementsByClassName("div1");
var vartest2 = document.getElementsByClassName("div2");
var vartest3 = document.getElementsByClassName("div3");
//vartest0[0].innerHTML = value;
vartest1[0].innerHTML = value;
vartest2[0].innerHTML = value;
vartest3[0].innerHTML = value;
</script>
</body>
</html>

最佳答案

要设置标题的值,您需要执行 document.title = "Banana";document.title = value;

<!DOCTYPE html>
<html lang="">
<head>
<title></title>
</head>

<body>

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>

<script>
var value= "Banana";
document.title = value;
var vartest1 = document.getElementsByClassName("div1");
var vartest2 = document.getElementsByClassName("div2");
var vartest3 = document.getElementsByClassName("div3");
//vartest0[0].innerHTML = value;
vartest1[0].innerHTML = value;
vartest2[0].innerHTML = value;
vartest3[0].innerHTML = value;
</script>
</body>
</html>

关于javascript - getElementsByClassName 多次使用并显示在 &lt;title&gt;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52155192/

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