Question

我需要能够将代码头部中脚本中声明的变量添加到代码体中。更具体地说，需要能够获取用户键入脚本的信息，并将其放在身体内的某些内容中。这是我要解释的一些代码：

<head>
<script>
var x="Type something here";
</script>
</head>
<body>
<p>I do love "var x"</p>
</body>

基本上我要做的就是把我的变量x放到段落的主体中。我遇到的问题是我不知道如何在html的主体中添加一些内容而不添加var x之外的引号或在段落中放入我想要的部分然后添加带有“+”符号的“var x”，而不在段落正文中添加“+”。我知道这是一件容易的事，但我很沮丧，我花了大约6个小时试图解决这个问题。我很欣赏这些回复。谢谢！

Answer 1

<html>
    <head>
        <script>
            var x="Type something here";
        </script>
    </head>
    <body>
        <p id="the_spot"></p>
        <script>
           document.getElementById( 'the_spot' ).innerHTML = "I do love " + x;
        </script>
    </body>
</html>

我上面做的是使用javascript函数innerHTML。此函数更改您指定的任何元素的内容。但是，这个函数完全删除了该元素的现有内容并重写了你指定的内容，在这种情况下，＆＃34;我喜欢在这里键入内容＆＃34;。如果您不希望删除现有内容，请使用append或prepend功能。

快乐编码：）

Answer 2

输入：

<head>
<script>
var x="Type something here";
</script>
</head>
<body>
<p id="var_x_modify">I do love "var x"</p>
</body>

javascript：

document.getElementById('var_x_modify').innerHTML=document.getElementById('var_x_modify').innerHTML.replace(/"var x"/,x);

Answer 3

你需要一个脚本才能做到这一点。

<p id="var-x">I do love "var x"</p>
<script type="text/javascript">
document.getElementById('var-x').innerHTML = "I do love " + x;
</script>

我还在<p>添加了ID，以便于查找。

Answer 4

试试这个。

<head>
<script>
var x="Type something here";
window.onLoad = function(){
   var el= document.querySelector("#idx");
   el.innerHTML= x;
};
</script>
</head>
<body>
<p>I do love <span id="idx"></span></p>
</body>

HTML5 / Javascript从头到尾添加值

4 个答案: