gpt4 book ai didi

javascript - 更改跨度文本非常慢

转载 作者:行者123 更新时间:2023-11-28 16:42:59 24 4
gpt4 key购买 nike

下面是我的代码:

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
var spans = document.getElementsByTagName("span");
for(var i=0;i<spans.length; i++) {
if(spans[i].innerHTML == "Test 2") {
spans[i].innerHTML = "some example text";
break;
}
}
});//]]>
</script>

<div class="sptests">
<ul>
<li id="sp_test" class=""><span>Test</span></li>
<li id="sp_test2" class=""><span>Test 2</span></li>
<li id="sp_test3" class=""><span>Test 3</span></li>
</ul>
</div>

我想更改 li id="sp_test2"的跨度文本。我在上面使用了 javascript,但需要很长时间才能更改,即它首先显示“测试 2”文本,然后在页面加载完成后显示更改后的文本“一些示例文本”。

我想更改跨度文本以立即影响页面加载。任何人都请帮助我...还建议了其他方法。

最佳答案

<script type='text/javascript'>//<![CDATA[ 
$(document).ready(function(){
var spans = document.getElementsByTagName("span");
for(var i=0;i<spans.length; i++) {
if(spans[i].innerHTML == "Test 2") {
spans[i].innerHTML = "some example text";
break;
}
}
});//]]>
</script>

试一试。如果我是正确的,$(window).load 会等待一切就绪。 $(document).ready 应该更快。

编辑

其次,如果您无论如何都在使用 jQuery(您是,对吧?从您对 $(window) 的使用来看?),您不妨使用它:

<script type='text/javascript'>//<![CDATA[ 
$(document).ready(function(){
$("sp_test2").children("span").html("Some example text");
});//]]>
</script>

<div class="sptests">
<ul>
<li id="sp_test" class=""><span>Test</span></li>
<li id="sp_test2" class=""><span>Test 2</span></li>
<li id="sp_test3" class=""><span>Test 3</span></li>
</ul>
</div>

关于javascript - 更改跨度文本非常慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18451571/

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