javascript - 我如何从段落元素中获取姓氏

Question

我怎样才能从 <p> 中只得到姓氏？用 JS 标记，我已经确定了，但我的代码不正确，我该如何正确执行？

<p class="surname">Janet Garcia</p>

var surname = document.getElementsByClassName("surname")[0].lastElementChild.innerHTML;
console.log(surname);

Answer 1

除了类名错误(我认为这是一个简单的拼写错误)之外，令人惊讶的是，获取元素文本内容的正确方法是 .textContent。

var name = document.getElementsByClassName("surname")[0].textContent;
console.log(name); // "Janet Garcia"

从那里，您可以将名称分成几个部分:

var nameparts = name.split(" ");
var surname = nameparts.pop(); // get the last one
console.log(surname); // "Garcia"