为什么嵌套在功能中时，.setAttribute不起作用？

Question

我会快速。我研究了很多，但我不确定为什么这不起作用。

我有一个Textarea标签，我想使用setAttribute（“ data-something”，“”）命令将其设置为“数据浪潮”标签，如果我只是在那里列出它，它可以正常工作。但是，我正在做的是“创建一个按钮，当单击时，将Textarea的属性设置为'Data-something'的属性，无论当我将setAttribute嵌套在myfunction中并设置按钮onclick = onclick =时，它无法操作。 myfunction（

）

。

<textarea></textarea>

<script>
textarea.setAttribute("data-something","")
</script>

”

<textarea></textarea>

<button onclick="myFunction()"></button>

<script>
function myFunction(){
textarea.setAttribute("data-something","")
}
</script>

Answer 1

您必须为元素提供一个句柄 getElementById 然后进行更改

function myFunction(){
  let textarea = document.getElementById("Foo");
  textarea.setAttribute("data-something","This is the set Data");
  console.log(textarea);
}

<textarea id="Foo"></textarea>

<button onclick="myFunction()">Click me</button>