inner()
方法并不是 JavaScript 中的一个标准方法。可能您是想询问 innerHTML
属性或者 innerText
属性的使用方法。
innerHTML
属性用于获取或设置指定元素的 HTML 内容。
// 获取元素
let element = document.getElementById('myElement');
// 获取元素的 HTML 内容
let htmlContent = element.innerHTML;
// 设置元素的 HTML 内容
element.innerHTML = '<p>新的内容</p>';
innerText
属性用于获取或设置指定元素的文本内容。
// 获取元素
let element = document.getElementById('myElement');
// 获取元素的文本内容
let textContent = element.innerText;
// 设置元素的文本内容
element.innerText = '新的文本';
innerHTML
时要小心,因为它会解析并执行其中的脚本,可能导致安全问题(如 XSS 攻击)。innerText
在处理换行和空白字符时可能与 textContent
有所不同,具体取决于浏览器实现。假设我们有一个简单的 HTML 结构:
<div id="myDiv">
<p>这是一个段落。</p>
<span>这是一个 span 元素。</span>
</div>
我们可以使用 JavaScript 来获取和设置其内容:
// 获取元素
let myDiv = document.getElementById('myDiv');
// 使用 innerHTML 获取内容
console.log(myDiv.innerHTML); // 输出: "<p>这是一个段落。</p><span>这是一个 span 元素。</span>"
// 使用 innerHTML 设置新内容
myDiv.innerHTML = '<h1>新的标题</h1>';
// 使用 innerText 获取内容
console.log(myDiv.innerText); // 输出: "这是一个段落。这是一个 span 元素。"
// 使用 innerText 设置新内容
myDiv.innerText = '这是全新的文本内容。';
希望这些信息能帮助您更好地理解和使用 innerHTML
和 innerText
属性。
领取专属 10元无门槛券
手把手带您无忧上云