如何将元素转换为变量

Question

<div class="font-bold uppercase mt-8">Upcoming Release</div>

嘿，所以我想把网站上的文字变成变体。

我想要得到的部分是“即将发布的版本”，并使其与变量“问题”相等。

这是我现在的代码

var question = document.getElementsByClassName('font-bold uppercase mt-8')

我试过很多东西，但似乎什么都没有用。

更新！

所以我试着运行这段代码，以便在一组特定的时间之后在google中搜索这个问题。

function searchQuestion() {
var question = document.getElementsByClassName('mb-4 font-bold');
    for (var i = 0; i < question.length; i++) {
    var text = question[i].innerText;
     console.log(text);
  }
  
  window.open('https://google.com/search?q='+text, '_blank');  
}

setTimeout(searchQuestion, 5000);

在当前的时刻，元素mb-4 font-bold还不存在，但是在测试时，它正在获取元素mb-4 text-3xl cols:text-5xl font-bold leading-none，它正在搜索该元素中的内容，而不是mb-4 font-bold中的元素。如何使它只搜索元素mb-4 font-bold

如果元素还不存在，它不应该只搜索undefinded

我是一个新的编码器，所以任何和所有的帮助将被考虑。谢谢你

Answer 1

Document.getElementsByClassName()返回元素列表，因此在您的示例中，要获得第一个元素，请使用析构赋值来获取该列表。

​

var [question] = document.getElementsByClassName('font-bold uppercase mt-8')

console.log(question)

<div class="font-bold uppercase mt-8">Upcoming Release</div>

​

参考文献

Document.getElementsByClassName()

返回具有所有给定类名的所有子元素的类似数组的对象。

解构分配

const = 1，2，3，4，5；const y，z= x；console.log(y)；// 1 console.log(z)；// 2

Answer 2

getElementsByClassName将返回一个元素数组。

​

var question = document.getElementsByClassName('font-bold uppercase mt-8');
for (var i = 0; i < question.length; i++) {
  var text = question[i].innerText;
   console.log('text => ', text);
}

<div class="font-bold uppercase mt-8">Upcoming Release</div>

​