Question

为什么console.log语句返回未定义？

即使标签的id是 right ，所以它应该返回存储在<p>标签中的值？

x=document.getElementById("pppp").value  //assigning the value of <p> tag to x
console.log(x)    //printing the value of x in console

<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial- 
    scale=1.0">
    <title>blabla</title>
    </head>
    <body>
       <p id="pppp">dvshjb</p>
    </body>
</html>

Answer 1

value属性，用于访问VALUE的{{1}}。

对于您而言，我假设您正在尝试访问Element的文本。 Node.textContent在这里很理想。

Form Element

var x = document.getElementById("pppp").textContent;
console.log(x);

Answer 2

p标签没有任何值属性。看来您需要文字内容。在这种情况下，请使用innerHTML。 trim（）将用于删除空白

let x = document.getElementById("pppp").innerHTML.trim()
console.log(x)

<p id="pppp">dvshjb</p>

Answer 3

P tag does not have value property. For div, p, span, etc. you can access innerHTML.

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial- 
scale=1.0">
<title>blabla</title>
</head>
<body>
   <p id="pppp">dvshjb</p>
   <script>
       x=document.getElementById("pppp").innerHTML  
       console.log(x) 
   </script>
</body>
</html>

Answer 4

将value替换为innerHtml

发件人：

x=document.getElementById("pppp").value;
console.log(x);

收件人：

x=document.getElementById("pppp").innerHTML;
console.log(x);

Answer 5

“值”属性用于输入。您应该使用“ innerText”，如下所示：

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial- 
scale=1.0">
<title>blabla</title>
</head>
<body>
   <p id="pppp">dvshjb</p>
   <script>
       x=document.getElementById("pppp").innerText //assigning the value of <p> tag to x
       console.log(x)                           //printing the value of x in console
   </script>
</body>
</html>

为什么此代码返回未定义的值？

5 个答案: