应该很简单：如何访问 <header> 元素的内部文本？ [复制]答案

【问题标题】：should be easy: how to access <header> element's inner text? [duplicate]应该很简单：如何访问 <header> 元素的内部文本？ [复制]
【发布时间】：2014-05-20 02:11:29
【问题描述】：

我在 html 中有以下内容：

<header> ||| </header>

我想要的只是改变“|||”使用js，但我不知道如何访问它。已经尝试过 .html、.val、.value、.innerHTML ... 几乎所有 jquery 的内容，但无法弄清楚。一定很容易。有什么想法吗？

【问题讨论】：

.text() 或 .html() -> jsfiddle.net/blgt/bJcRt
你似乎在尝试使用一些 jquery 方法，你能展示一个你试图解决这个问题的实际用例吗？你真的在使用jquery吗？
我是个白痴。这是因为我有 >1 个元素返回并且正在拉第一个像 $('header')[0].... 需要做 $('header:first')

标签： javascript html

【解决方案1】：

试试下面。

$('header').html('Hello world');

(or)

$('header').text('Hello world');

以上两个语句都有效。

innerHTML 作用于 DOM 元素

 $('header')[0].innerHTML = 'Hello world';

【讨论】：

【解决方案2】：

$('header').html();

应该可以。

我刚刚测试过。

确保在使用标题标签之后调用脚本。

【讨论】：

如果我可以问，为什么要投反对票？

【解决方案3】：

你确定在 DOM 加载后运行这个吗？

$(function() {
  // This code will run after the DOM has loaded
  // Otherwise jQuery might not know about the <header> element
  alert($("header").text());
});

【讨论】：