javascript中的innerHTML是什么意思,怎么个用法?

innerHTMLJS是双向功能:获取对象的内容  或  向对象插入内容;如:<div id="aa">这是内容</div>   ,我们可以通过  document.getElementById(‘aa‘).innerHTML 来获取id为aa的对象的内嵌内容;也可以对某对象插入内容,如  document.getElementById(‘abc‘).innerHTML=‘这是被插入的内容‘;   这样就能向id为abc的对象插入内容

对于innerHTML 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。(获取HTML当前标签的起始和结束里面的内容)

语法

tablerowObject.innerHTML=HTML

实例

下面的例子返回了表格行的 inner HTML:

<html>

<head>

<script type="text/javascript">

function getInnerHTML() {

alert(document.getElementById("tr1").innerHTML);

}

</script>

</head>

<body>

<table border="1">

<tr id="tr1"><td>Firstname</td><td>Lastname</td></tr>

<tr id="tr2"><td>Peter</td><td>Griffin</td></tr>

</table>

<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" />

</body>

</html>
时间: 2024-10-07 07:19:23

javascript中的innerHTML是什么意思,怎么个用法?的相关文章

javascript中的innerHTML,innerText,outerHTML的用法及其区别

示例html代码: <div id="test"> <span style="color:red">test1</span> test2 </div> 获得id为test的DOM对象,下面就不一一获取了. var test = document.getElementById('test'); test.innerHTML 描述:也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.inner

[ jquery 方法 html([val|fn]) ] 此方法操作匹配的元素或元素集中的内容,相当于javascript中的innerHTML

取得第一个匹配元素的html内容,这个函数不能用于XML文档,但可以用于XHTML文档,在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容. 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取,相当于javascript中的innerHTML,可读可写,可以解析HTML标签 如果传入的是callback,此函数返回一个字符串并且参数解析如下: 1.index为元素在集合中的索引位置 2.html为原先的HTML值. 实例: <!DO

javascript中常用的一些功能及正则表达式的用法

一.取得地址栏后的参数 /** * 假设地址栏url为:login.do?username = "这里中文的话会是特殊字符组成的" */ //定义一个取得参数值的函数 function getParameter(b) { var c = new RegExp("[?&]" + b + "=([^&]+)", "i"), a = location.search.match(c); return a ? a[1]

JavaScript中常见的起来字符串操作函数及用法

http://www.midifan.com/moduleuser-index-430717.htmhttp://www.midifan.com/moduleuser-index-430547.htmhttp://www.midifan.com/moduleuser-index-430688.htmhttp://www.midifan.com/moduleuser-index-430540.htmhttp://www.midifan.com/moduleuser-index-430836.htm

JavaScript中实现统计Textarea的字数

现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验. 如果实现这种技术呢,我进行了一些研究,发现实现其实挺简单,几行代码就能完成输入字符统计功能,经过实际测试,其对文字的统计与Twitter等微博客的完全相同. 使用方法是,先增加一个span,用于显示剩余的字数,然后在Textarea中,加入一个onkeydown和onkeyup的事件,调用另一

javascript中call,apply,bind的用法对比分析

这篇文章主要给大家对比分析了javascript中call,apply,bind三个函数的用法,非常的详细,这里推荐给小伙伴们. 关于call,apply,bind这三个函数的用法,是学习javascript这门语言无法越过的知识点.下边我就来好好总结一下它们三者各自的用法,及常见的应用场景. 首先看call这个函数,可以理解成"借用“,"请求".想像一下如下的情景:你孤单一人漂泊在外,有急事想往家里打电话,可是很不巧,手机欠费了,或者没电了,或者掉坑里了,总之你的手机就是用

面试官:能解释一下javascript中bind、apply和call这三个函数的用法吗

一.前言    不知道大家还记不记得前几篇的文章:<面试官:能解释一下javascript中的this吗> 那今天这篇文章虽然是介绍javascript中bind.apply和call函数,但是多少也和this有点关联. 假如在前面那场面试末尾,面试官不依不饶继续问你javascript中的this,那看完本篇文章后一定还会有收获. (本篇文章不会站在this的角度去回答问题,而是重于解释bind.apply和call这三个函数的用法和使用场景) 二.正戏开始 面试官:能解释一下javascr

在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样?

原文:在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样? <a href="javascript:alert(this.innerHTML)" mce_href="javascript:alert(this.innerHTML)">标签</a> 上面的这段代码不能得到你想要的结果,因为在<A>标记中href属性的this对象不是指代的当前的<A>标记, 这个时候的this是

Javascript中innerHTML和innerText的区别

innerHTML:获取的是从对象的起始位置到终止位置的全部内容,包括HTML标签 innerText:获取的是起始位置到终止位置的内容,但是会将HTML标签去掉 下面写一段代码进行测试: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </