无法使用JavaScript更改标签文本

Question

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

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

< script type = "text/javascript" >
  document.getElementById('lblSport').innerHTML = 'Hello'; < /script>

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

Answer 1

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

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


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

Answer 2

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

<script> .... </script>

Answer 3

在您的情况下标签是未定义的，因为您的代码是在页面上存在实际标签之前调用的。尝试在“文档就绪”功能中添加代码，以使其正常工作。文档准备就绪功能将在文档准备就绪时触发（一旦文档加载了所有元素）。

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

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

Answer 4

你的代码很好，检查这个demo

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

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

Answer 5

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

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

JS：

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

请发布您的完整HTML。

Answer 6

您的打开和关闭脚本html标记包含不需要的空格。它应该如下所示：

<script></script>

同样，根据HTML5：

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

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

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