2016-09-24 488 views
1

我只需要使用JS控制台刷新一个元素,而不是刷新整个页面。我已经有了可以工作的代码,但这取决于刷新页面。仅使用JS控制台刷新元素

if (document.readyState === "complete") { vote(); } 


function vote() { 
//Do some stuff 

setTimeout(function(){ 
location.reload(); 
}, 500); 
} 
+0

你是什么意思与清爽的一个ELEM? –

+0

我想重新加载只有一个特定的元素,说我有一个div id #element。我不想刷新页面,而只想刷新指定的元素。 –

+0

我想你不明白HTML –

回答

1

看起来你只是想要重新加载的iframe:

your normal html 
<iframe src="page that should be reloaded.html">old browser</iframe> 
<script> 
function reload(){ document.getElementsByTagName("iframe")[0].reload(); 
} 
</script> 
+0

的意义有没有什么办法可以直接从控制台完成? –

+0

@Jared Bledsoe:不。请澄清你的意思是“清爽”。我的代码包括单独加载的html,可以刷新(服务器请求)。如果你想插入你的内容,请参阅其他答案。如果您试图根据您应用于js elem的内容更新所显示的内容,那么您就不用。浏览器为你做这件事 –

1

是什么令人耳目一新一个元素是什么意思?如果你有一个元素id的div,那么你可以使用javascript来更改该div的内容,并且它会在你的html中进行更改。如果div包含“HI”,那么你可以使用document.getElementById(“element”)。innerHTML并将其改为任何你想要的。或者你可以改变它的属性,你可以使用javascript在div中添加元素,你准备做什么?我认为不管它是什么,你可以通过它的id来获取这个元素,并在你想要刷新的时候改变它。

+0

我想要“刷新”频繁改变值的元素。说它每秒增加5,而不是刷新,我只需要从JS控制台刷新。 –

2

function reload(){ 
 
    var container = document.getElementById("testDiv"); 
 
    var newContent = "After reload"; 
 
    container.innerHTML= newContent; 
 
}
<button><a href="javascript: reload()">Reload</a></button> 
 
<br/> 
 
<div id="testDiv"> 
 
Before reload. 
 
</div>