gpt4 book ai didi

javascript - 通过向其添加类将 setAttribute 用于 ID

转载 作者:行者123 更新时间:2023-11-30 21:05:46 25 4
gpt4 key购买 nike

我是 JavaScript 新手。我正在通过向 id 添加一个类来练习 setAttribute:

当我点击按钮时,我想将字体颜色更改为红色。然而,它并没有改变。

我从w3school借用了一个类似的例子,但是加了一个id。

HTML:

<h1 id = "Hello">Hello World</h1>

<p>Click the button to add a class attribute with the value of "democlass" to the h1 element.</p>

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

JavaScript:

// returns a html element (id)
var $ = function(id) {
return document.getElementById(id);
};

function myFunction() {
$("Hello").setAttribute("class", "democlass");
}

CSS:

#Hello.democlass {
color: red;
}

https://jsfiddle.net/1vzmqgqv/

如果有任何建议,我将不胜感激。

最佳答案

您的代码运行良好,您需要更改 JavaScript 的 jsfiddle 设置。

转到 JavaScript 部分,然后单击设置图标,更改 LOAD TYPE成为No wrap - in <body>

https://jsfiddle.net/ddg6gdbw/

// returns a html element (id)
var $ = function(id) {
return document.getElementById(id);
};

function myFunction() {
$("Hello").setAttribute("class", "democlass");
}
#Hello.democlass {
color: red;
}
<h1 id = "Hello">Hello World</h1>

<p>Click the button to add a class attribute with the value of "democlass" to the h1 element.</p>

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

关于javascript - 通过向其添加类将 setAttribute 用于 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46627875/

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