获取class元素的InterHTML

Question

我正在使用函数getElementsByClassName获取一系列元素，然后使用.innerhtml，但它返回了我以下文本：

html

<input class="form-control input-block" value="Algorithms to live by" type="text">

javascript

function save_book(event){
    var id = event.target.id;
    var book = document.getElementsByClassName(id);
    console.log(book[0].innerHTML)
}

我只想要值。当我显示元素数组时，我发现.innerhtml返回值，但我得到了。

谢谢！

Answer 1

在给定功能的情况下，您需要抓住捕获的元素 child element ( input(，而不是其innerHTML，然后您就可以使用该元素例如book[0].firstChild.value

function save_book(event){
    var id = event.target.id;
    var book = document.getElementsByClassName(id);
    console.log(book[0].firstChild.value)
}

Answer 2

使用点符号提取value属性：

function save_book(event){
  var id = event.target.id;
  var book = document.getElementsByClassName(id)[0];
  var bookValue = book.value;
  console.log(bookValue)
}

Answer 3

您应该尝试一下 -

var dom = document.getElementsByClassName("input-block")[0].value;
console.log(dom); //Algorithms to live by