javascript - 使元素引用不那么笨重

Question

我是 javascript 的新手，所以如果这是一个简单的答案，请原谅我。我似乎找不到它。我有一小段脚本可以根据段落的内容替换文本。好简单。我的问题是，为什么我必须两次纠正整个引用文献？变量不指向同一事物吗？有没有更简单的方法？

这个有效:

<p id="name">Electric City</p>

<script type="text/javascript">
    var name = document.getElementById("name").innerHTML;
    if (name == "Electric City") {
        document.getElementById("name").innerHTML = "Welcome!";
    }
</script>

这不是:

<p id="name">Electric City</p>

<script type="text/javascript">
    var name = document.getElementById("name").innerHTML;
    if (name == "Electric City") {
        name = "Welcome!";
    }
</script>

谢谢!

Answer 1

var name = document.getElementById("name").innerHTML;

该行代码从您的“name”元素(使用其 innerHTML 属性)获取 value 并将其复制到变量 name . name 变量不引用“name”元素本身。

如果你想简化你的代码，你可以这样做:

<script type="text/javascript">
    var nameElement = document.getElementById("name");
    if (nameElement.innerHTML  == "Electric City") {
        nameElement.innerHTML = "Welcome!";
    }
</script>