Question

更新我再次检查了我的代码。它的问题实际上是功能的放置（我没有在这里发布）我已修复它！

这只是我的代码的简短摘要。但即使我把 ~~放在我的标签后，它也不会运行。~~

＆＃13;
＆＃13;
< script type = "text/javascript" > document.getElementById('lblSport').innerHTML = 'Hello'; < /script>
＆＃13;
<label class="lblSport" id="lblSport">asas</label>
＆＃13;
＆＃13;
＆＃13;

Answer 1

删除脚本标记前的空格和脚本标记的结尾，它将起作用。

<script> .... </script>

Answer 2

标签在您的情况下是未定义的，因为您的代码是在页面上存在实际标签之前调用的。尝试在准备好的文档中添加您的代码＆＃34;这个功能起作用。文档准备就绪功能将在文档准备就绪时触发（文档加载所有文档后）。

<script type = "text/javascript">
        $(document).ready(function () {
            document.getElementById('lblSport').innerHTML = 'Hello';
        });
</script>

<label class="lblSport" id="lblSport">asas</label>

Answer 3

您必须等待加载页面，删除脚本标记上的空格，并且该类和id的名称不同

window.onload = function(){
    document.getElementById('lblSport').innerHTML = 'Hello';
}


<label class="lblSports" id="lblSport">asas</label>

Answer 4

您的打开和关闭脚本html标记包含不需要的空间。它应该是这样的：

<script></script>

同样，根据HTML5：

id属性指定其元素的唯一标识符（ID）。该 value必须在元素的主子树中的所有ID中唯一并且必须至少包含一个字符。该值不得包含任何空格字符。

http://www.w3.org/TR/html5/dom.html#the-id-attribute

虽然您可以为类和ID使用相同的名称，但最佳做法可能是避免使用相同的名称，主要是为了提高可读性。

Answer 5

您的代码没问题，请查看demo

window.onload = function(){
   document.getElementById('lblSport').innerHTML = 'Hello';
};

确保在更改innerHTML之前将元素加载到DOM

Answer 6

看到这个小提琴：https://jsfiddle.net/wk63pov0/

<label id="demo" >(innerHTML).</label>

JS：

document.getElementById("demo").innerHTML = " changed!";

请发布完整的HTML。

无法使用JavaScript更改标签文本

6 个答案: