JavaScript--innerHTML 属性

innerHTML 属性用于获取或替换 HTML 元素的内容。

语法:

Object.innerHTML

注意:

1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。

2.注意书写,innerHTML区分大小写。

我们通过id="con"获取<p> 元素,并将元素的内容输出和改变元素内容,代码如下:

结果:

时间: 2024-11-10 08:18:52

JavaScript--innerHTML 属性的相关文章

解决JavaScript的属性innerHTML不能在页面交互时输出的问题(转载)

注:问题:JavaScript的innerHTML不能在页面交互时输出(即人机实时交互数据不能通过javascript的innerHTML属性输出) 解决方案:自建一个函数:set_innerHTML(obj_id, html, time). 有了这个方法,原来这样写:     document.getElementById("sch_nameArea").innerHTML= text 的地方就可以写成这样: set_innerHTML('sch_nameArea',text); s

【 javascript 】.innerHTML属性定义

对于innerHTML 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML. innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容: 如:<div id="aa">这是内容</div> ,我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容:也可以对某对象插入内容,如 document.getElementBy

javascript innerHTML、outerHTML、innerText、outerText的区别(转)

1.功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2.示例 <html> <head> <title>Demo</title> <style><!-- body {font-family:"宋体";

HTML DOM innerHTML 属性及实现图片连续播放

定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML. 语法 tablerowObject.innerHTML=HTML 实例 下面的例子返回了表格行的 inner HTML: <html> <head> <script type="text/javascript"> function getInnerHTML() { alert(document.getElementById("tr1").inn

HTML DOM innerHTML 属性

定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML. 语法 tablerowObject.innerHTML=HTML 实例 下面的例子返回了表格行的 inner HTML: 1 <html> 2 <head> 3 <script type="text/javascript"> 4 function getInnerHTML() 5 { 6 alert(document.getElementById("tr

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

innerHTML属性用来读取或设置某个节点内的HTML代码. outerHTML属性用来读取或设置HTML代码时,会把节点本身包括在内. textContent属性用来读取或设置节点包含的文本内容. innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的.它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉.注意,innerText是非标准属性,Firefox不支持. 1.innerText受CSS影响,t

JavaScript document属性和方法

JavaScript document属性和方法 --------------------------------------------属性: 1. Attributes     存储节点的属性列表(只读) 2. childNodes     存储节点的子节点列表(只读) 3 .dataType     返回此节点的数据类型 4. Definition     以DTD或XML模式给出的节点的定义(只读) 5. Doctype     指定文档类型节点(只读) 6 .documentEleme

javascript的属性访问

可以通过点运算符(.)来访问引用的属性.只要在点运算符之后书写属性名,就能够读取相应的属性值. //js>print(obj.x) 3 如果属性的值是一个对象,可以像下面这样通过多次点运算符来读取其属性. js>var obj2={pos:{x:3,y:4}}; js>print(obj.pos.x); 3 如果赋值给尚不存在的属性名,则将新建该属性并对其赋值. js>obj.z=5; js>print(obj.z); 5 属性访问(括号方式) js>print(obj

使用innerHTML属性向head中插入字符时报“无法设置 innerHTML 属性。 该操作的目标元件无效”的错误

向head中动态插入script文件,代码如下: var sc = document.createElement("script"); sc.src = "//www.chinanews.com/ie8/js/json2.min.js"; var head = document.getElementsByTagName("head")[0]; head.appendChild(sc); 但如下要插入的代码如下: <!--[if lt IE

JavaScript对象 属性

JavaScript对象 属性 除了包含名字和值外,属性还包含了一些他们可写.可枚举.可配置的特性.JavaScript中包含两种属性:数据属性和访问器属性. 数据属性: configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能把属性改成访问器属性. enumerable:表示能否通过for-in循环返回属性. writable:表示能否修改属性的值. value:包含这个属性的数据值. 要修改属性默认的特性,使用Object.definePrope