为什么以下不适合我?
<script>
document.getElementById('lbltipAddedComment').innerHTML = 'Your tip has been submitted!';
</script>
<label id="lbltipAddedComment"></label>
因为您的脚本在页面上存在标签之前运行(在DOM中)。将脚本放在标签之后,或者等到文档完全加载(使用OnLoad函数,例如jQuery ready()
或http://www.webreference.com/programming/javascript/onloads/)
这不起作用:
<script>
document.getElementById('lbltipAddedComment').innerHTML = 'your tip has been submitted!';
</script>
<label id="lbltipAddedComment">test</label>
这将有效:
<label id="lbltipAddedComment">test</label>
<script>
document.getElementById('lbltipAddedComment').innerHTML = 'your tip has been submitted!';
</script>
This example (jsfiddle link)维护订单(首先是脚本,然后是标签)并使用onLoad:
<label id="lbltipAddedComment">test</label>
<script>
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
document.getElementById('lbltipAddedComment').innerHTML = 'your tip has been submitted!';
});
</script>
你有没有尝试过.innerText
或.value
而不是.innerHTML
?
因为执行脚本时未加载标签元素。交换标签和脚本元素,它将工作:
<label id="lbltipAddedComment"></label>
<script>
document.getElementById('lbltipAddedComment').innerHTML = 'Your tip has been submitted!';
</script>
请改用.textContent
。
我也在努力改变标签的价值,直到我尝试了这一点。
如果这不解决,请尝试检查对象以查看可以通过console.dir
将其登录到控制台来设置的属性,如此问题所示:How can I log an HTML element as a JavaScript object?
使用.innerText
应该工作。
document.getElementById('lbltipAddedComment').innerText = 'your tip has been submitted!';
这是使用jQuery更改标签文本的另一种方法:
<script>
$("#lbltipAddedComment").text("your tip has been submitted!");
</script>
试试这个:
<label id="lbltipAddedComment"></label>
<script type="text/javascript">
document.getElementById('<%= lbltipAddedComment.ClientID %>').innerHTML = 'your tip has been submitted!';
</script>
因为脚本将首先执行..当脚本执行时,此时控件不会被加载。所以在加载控件后你就编写了一个脚本。
它会工作。