Question

我是＆＃34; html＆＃34;的新手。和＆＃34; Javascript＆＃34;。

<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

'value'属性的内容只是文本，浏览器不会解释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>

请参阅：Accesing the javascript variable in html tag

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();" >

访问html标记内的javascript代码

3 个答案: