更改跨度文本非常缓慢
Change span text is very slow
这是我下面的代码:
<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"的span文本。我使用了上面的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会等待所有东西都到位$(文档)。准备应该更快。
编辑
其次,如果您无论如何都在使用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>
使用jquery:
$("span").each(function() {
if($(this).text() == "Test 2") {
$(this).text('some example text');
}
})
相关文章:
- 对iPad上的点击事件反应缓慢
- Ajax请求文档就绪会导致jquery加载缓慢
- Xpath运行缓慢的查询
- 如何使用javascript onmouseover缓慢放大图像
- 通过javascript操作图像,非常简单
- 具有大型数据集的组件仅在 IE11/Edge 上运行缓慢
- 非常简单的XMLHttpRequest不起作用
- Bootstrap在页面加载缓慢时会立即显示隐藏的模式对话框
- hiddenfield的值显示得非常缓慢
- 聚合物元素加载非常缓慢
- 使用JSON的iPad,平板电脑和手机的图像加载非常缓慢
- Gulp babel es2015 转换非常缓慢
- 在React中构建一个大型多选,而不会非常缓慢
- 更改跨度文本非常缓慢
- 由于外部库,Webpack构建非常缓慢
- 在IE11中添加大量元素非常缓慢
- 在ios+chrome上输入字段是缓慢的/非常慢
- 如何调试一个网站模板,这是非常缓慢的(客户端)
- 大型同位素画廊非常缓慢
- 在JavsScript中删除关联数组中的元素——>非常缓慢