gpt4 book ai didi

css - 更改 className 与更改 innerHTML

转载 作者:行者123 更新时间:2023-11-28 10:09:55 28 4
gpt4 key购买 nike

我需要切换两个词(即 Hello 和 World)。现在我已经创建了两个 span 并使用 CSS 切换它们。但是我可以创建一个 div 并单独更改 innerHTML。我的问题是哪个有效且有效?以下是示例 HTML、CSS、JS 代码。

<div class='enablecss2'>
<span class='css1'>Hello</span>
<span class='css2'>World</span>
</div>

.css2 {
display:none;
}

.enablecss2 .css2 {
display:block;
}

.enablecss2 .css1 {
display:none;
}

<script>
function toggle(el,event)
{
if(el.className == '')
el.className = 'enablecss2';
else
el.className = '';
}

</script>

最佳答案

两者都是有效的方法,并且就切换的渲染速度而言并不重要。但就高效编码而言(=更少的代码但结果相同),innerHTML 方法是更好的方法,因为您需要更少的 HTML 并且不需要 CSS 代码:

<div class='enablecss2'>
Hello
</div>

<script>
// your toggle function
</script>

关于css - 更改 className 与更改 innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24423866/

28 4 0