`

innerHTML解释

阅读更多
1innerHTML:设置或获取位于对象起始和结束标签内的 HTML

测试一下:

<div id="d" style="background-color:#ff9966">这是一个层</div>
<input type="button" value="获取innerHTML" onclick="getinnerHTML()">
<input type="button" value="设置innerHTML" onclick="setinnerHTML()">
<script language="javascript">
function getinnerHTML()
{
alert(document.getElementById("d").innerHTML)
}
//->这是一个层
function setinnerHTML()
{
document.getElementById("d").outerHTML="<div id='d' style='background-color:#449966'>这是一个层,嘿嘿</div>"
}
</script>


2获取对应ID的对象里面的HTML代码

如HTML代码为:
<table id=aa><tbody><tr><td> </td></tr></tbody></table>

则document.getELemenById("aa").innerHTML='<tbody><tr><td> </td></tr></tbody>'
分享到:
评论

相关推荐

    innerHTML-outerHTML-innerTEXT.txt

    根据提供的文件信息,我们可以深入探讨三个重要的DOM属性:`innerHTML`、`innerText`以及`...希望这些解释和示例能够帮助你更好地理解和运用 `innerHTML`、`innerText` 以及 `outerHTML` 这些重要的 DOM 属性。

    innerHTML_outerHTML.rar_javascript

    在提供的压缩包文件 "innerHTML_outerHTML.htm" 中,很可能是通过实例展示了 `innerHTML` 和 `outerHTML` 的用法,可能包含了一些交互式的例子或者详细的解释。读者可以下载并查看这个文件,以更直观地理解这两个...

    python教程-04-获取和设置标签内容(innerHTML).ev4.rar

    这个Python教程-04-获取和设置标签内容(innerHTML)将详细解释这些库的使用方法,通过观看`python教程-0-04-获取和设置标签内容(innerHTML).ev4.mp4`视频,你可以得到更直观的演示和实例,帮助你更好地理解和掌握这些...

    使用innerHTML时注意处理空格和回车符(asp后台处理)

    这是因为浏览器在解析HTML时,会将连续的空格视为一个空格,并且回车符(`\r\n` 或 `\n`)通常被解释为换行,这可能导致段落的意外结束或者格式错乱,从而影响程序的正常运行。 例如,如果你的 `innerHTML` 内容...

    innerHTML动态添加html代码和脚本兼容多个浏览器

    下面是对`set_innerHTML`函数的详细解释: ```javascript var set_innerHTML = function (el, htmlCode) { var ua = navigator.userAgent.toLowerCase(); // 检查是否为IE浏览器但不是Opera if (ua.indexOf('...

    innerHTML,outerHTML,innerText,outerText的用法及区别解析

    下面将详细解释这些属性的用法和它们之间的区别。 1. **innerHTML** - `innerHTML` 属性用于获取或设置元素内部的HTML内容,包括所有子元素以及它们的HTML结构。当设置`innerHTML`时,它会删除当前元素的所有子...

    javascript innerHTML使用分析

    直接设置innerHTML可能会导致跨站脚本攻击(XSS),因为它会将设置的字符串作为HTML来解释。因此,当使用innerHTML来设置内容时,要确保内容是可信的,或者使用DOM方法来逐个处理元素,避免直接插入未经处理的字符串...

    js使用for循环与innerHTML获取选中tr下td值

    本文将详细解释如何使用这两种技术来实现这个功能。 首先,`for`循环是JavaScript中的一种迭代结构,它允许我们重复执行一段代码,直到满足某个条件为止。在这里,`for`循环用于遍历表格中的行或单元格。例如,我们...

    innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解

    以下是对这些属性的详细解释: 1. innerHTML属性: innerHTML属性用于获取或设置一个元素的HTML内容。当你读取一个元素的innerHTML,你会得到该元素内部所有子元素的HTML源码。当你设置innerHTML,元素的所有子...

    innerHTML的认识

    `//` 是JavaScript注释的开始,用于解释代码的作用,不被浏览器执行。 `td&gt;` 可能是由于文本处理错误导致的不完整标签,正常应该是 `td&gt;`,表示表格数据单元格的结束。 `outerHTML`属性与`innerHTML`类似,但它...

    InnerHtml和InnerText的区别分析

    最详细的解答可以参见MSDN ...InnerHtmlhttp://msdn.microsoft....简要解释: InnerText可以用来原样输出你赋值给这个属性的内容。而InnerHtml输出内容遇到特殊标记,如 &lt;b&gt;

    WEB开发 之 JavaScript 注释.docx

    在JavaScript中,注释有多种方式,包括单行注释和多行注释,它们都不会被JavaScript引擎执行,而是作为开发者之间交流和自我解释代码的工具。 1. 单行注释: 单行注释以两个正斜杠(//)开头,一直到该行结束的所有...

    javascript试题及答案.doc

    本文档提供了 JavaScript 试题及答案,涵盖了 JavaScript 基础知识、JavaScript 数组排序、DIV 和 SPAN 元素、innerHTML、outerHTML、innerText 等方面的知识点。 一、JavaScript 基础知识 1. 以下哪条语句会产生...

    javaScript动态添加Li元素的实例

    下面将对这两种方法进行详细解读,并解释相关的知识点。 首先,来看使用innerHTML的方法。innerHTML属性允许我们通过JavaScript获取或设置某个HTML元素内部的HTML代码。在这个示例中,通过获取ul元素(其id为“J_...

    javascript函数的解释

    以下是一些JavaScript函数和相关知识点的详细解释: 1. `document.write("")`:这个函数用于在HTML文档加载时向文档流中写入内容,通常不推荐在现代Web开发中使用,因为这会覆盖已有的HTML。 2. 注释:在...

    WEB开发 之 JavaScript 语句.docx

    JavaScript是Web开发中不可或缺的一部分,它是一种轻量级的、解释型的编程语言,主要用于向浏览器提供交互性和动态效果。本文档主要介绍了JavaScript中的基本语句、代码结构以及一些编程规范。 1. **JavaScript ...

    js动态绘制表格,实现动态绘制,添加 和删除

    根据给定的信息,本文将详细解释如何利用JavaScript(简称JS)动态地创建、修改和删除HTML表格中的数据,以及如何遍历这些数据。这不仅是一个非常实用的功能,而且对于前端开发人员来说也是必备技能之一。 ### 一、...

    摘取不能复制代码.txt

    #### 4.1 代码含义解释 给定的 JavaScript 代码 `javascript:document.writeln(document.body.innerHTML)` 实际上是在浏览器地址栏中执行的一个脚本。它的作用是将整个页面的 HTML 内容输出到当前页面中。 #### 4.2...

    js操作table

    本文将深入探讨如何使用JavaScript实现表格的刷新、添加、复制和...在"js操作table.html"文件中,应该包含示例代码和解释,帮助读者更好地理解这些概念。你可以打开这个文件查看具体实现,结合本文的理论知识进行实践。

Global site tag (gtag.js) - Google Analytics