div的输出值

Question

我有代码：

<div class="price-txt">145 GAR</div>
<p id="demo"></p>

我想要的结果是将div中的值放在<p>之间，如：

145 GAR

145

我做了JS

var x = document.getElementsByClassName("price-txt").value;
document.getElementById("demo").innerHTML = x;

但结果只是

145 GAR

未定义

Answer 1

正在使用innerHTML

＆＃13;

＆＃13;

var x = document.getElementsByClassName("price-txt").value;
document.getElementById("demo").textContent = x;

＆＃13;

<div class="price-txt">145 GAR</div> <p id="demo"></p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

var x = document.getElementsByClassName("price-txt")[0];
document.getElementById("demo").innerHTML = x.innerText; // You can use innerHTML

<div class="price-txt">145 GAR</div>
<p id="demo"></p>

1. value不是div元素的支柱。 您应该使用input代替div，或者您可以获取节点文本而不是value。
2. 此代码var x = document.getElementsByClassName("price-txt")，x是一个数组，因此您可以放置​​[0]来获取所需的元素。检查我的snipet。

Answer 3

将javascript代码更改为以下代码。您还可以查看fiddler。

https://jsfiddle.net/7byw93f4/

var x = document.getElementsByClassName("price-txt")[0].innerHTML;
document.getElementById("demo").innerHTML = parseInt(x);

Answer 4

试试这个，split根据括号内的参数来分割字符串，此处split(" ")在空格上分割字符串d。

＆＃13;

＆＃13;

var x = document.getElementsByClassName("price-txt")[0].textContent;
var res = x.split(" ");
document.getElementById("demo").innerHTML = res[0];

＆＃13;

<div class="price-txt">145 GAR</div>
<p id="demo"></p>

＆＃13;

＆＃13;

＆＃13;