訪問html標記內的javascript代碼

Question

我是“ html”和“ Javascript”的新手。

<p id="pid"></p>
<script>
     abc="hello";
     document.getElementById("pid").innerHTML=abc;
</script>
<input type="text" 
             value="<script>document.getElementById("pid").innerHTML</script>"/>

在上述情況下如何執行代碼。

Answer 1

看起來您正在嘗試將輸入字段的值設置為等於pid段落的內容。 在這種情況下，您應該設置HTMLInputElement的value屬性。 您可以使用已經知道如何使用的getElementById （有很多方法來獲取此元素對象）來獲取對它的引用。 例如：

<p id="pid"></p>
<input type="text" id="input" />

<script>
    var abc = "hello";
    var pid = document.getElementById("pid");

    pid.innerHTML = abc;
    document.getElementById("input").value = pid.innerHTML;
</script>

Answer 2

---

“值”屬性的內容僅為文本，瀏覽器將不會解釋JS代碼。

您可以改用DOM：

 <p id="pid"></p>
 <script>
 abc="hello";
 document.getElementById("pid").innerHTML=abc;
 </script>
 <input id = "myInput" type="text" value="" />  
 <script>
    document.getElementById("myInput").value = abc;
    //OR : document.getElementById("myInput").value = getElementById("pid").innerHTML;
 </script> 

請參閱： 訪問html標簽中的javascript變量

Answer 3

我認為您正在嘗試這樣做：

<script>
  function myFunction(){
    var abc="hello";
    document.getElementById("pid").innerHTML=abc;
  }
</script>

<p id="pid"></p>

<input type="button" value="Click Me" onclick="myFunction();" >