gpt4 book ai didi

javascript - 为什么此 HTML 代码无法显示颜色字段?

转载 作者:太空宇宙 更新时间:2023-11-03 21:30:31 25 4
gpt4 key购买 nike

以下 HTML(加上 JavaScript 和 CSS 样式表)应该显示所有“a”都被黄色字段替换的文本。我知道这是一个非常 n00b'y 的问题,但我不明白为什么它无法完成这项任务。

<!DOCTYPE html>
<html>

<head>

<style>
span {
display: inline-block;
}
span.a {background-color: yellow
}
</style>

<script>
var lipsum = document.getElementsByTagName("div")

[0].innerHTML;

lipsum = lipsum.replace( /a/gi, "###a###" );


lipsum = lipsum.replace( /###a###/gi, "<span

class='a'>&ensp;</span>" );


document.getElementsByTagName("div")[0].innerHTML =

lipsum;
</script>


</head>

<body>

<div>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur adipisci velit</div>
</body>
</html>

最佳答案

您的脚本甚至在加载 HTML div 之前就已运行。您需要将代码放在文档就绪事件处理程序中,或将其放在元素下方。页面按顺序运行,因此您无法在元素到达之前对其运行 JS,因为它尚不存在。

关于javascript - 为什么此 HTML 代码无法显示颜色字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29691989/

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