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

使用给定的函数，您需要获取捕获的元素子元素（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

获取类元素的innerHTML

3 个答案: