js outerhtml和innerhtml

2024-08-23

js中的innerHTML和outerHTML区别

一.区别:1)innerHTML: 从对象的起始位置到终止位置的全部内容,不包括Html标签.2)outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身. 二.例子: <div id="test"> <span style="color:red">test1</span> test2 </div> 1)innerHTML的值是 “<span style="color:red&

js第一天 innerHTML和value 的区别

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

js插件设置innerHTML时，在IE8下报错“未知运行时错误”

问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: <div id=”divContainer”> <a name=”link”> -->报错处第三方插件内容… </a> </div> 原因: 所设置的innerHTML的对象是一个<a>,是由于<a>的对象包容性的比较低,当浏览器运行这段脚本时,校验出了运行时错误. 解决方法: 将<a>标签替换为<div>

js中的innerHTML，innerText，value的区别

首先先说一下我自己认为的 innerHTML,innerText,value的区别 innerHTML 是在控件中加html代码就是设置一个元素里面的HTML eg: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <

outerHTML、innerHTML以及innerText三者的区别

JS中innerHTML/outerHTML和innerText/outerText以及value 的区别与使用

value value:value是表单元素特有的属性,输入输出的是字符串如下面的例子,获取到的是他们的value值 <input type="text" id="inP"> <div id="P"> <p> 5566555 </p> </div> <button id="btn" value="123">确定</button&

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

原文:http://walsh.iteye.com/blog/261966 innerHTML.innerText和outerHTML.outerText的区别博客分类: CSS/HTML HTML 1.区别描述如下: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本

innerHTML/outerHTML; innerText/outerText; textContent

innerHTML v.s. outerHTML Element.innerHTML Reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML Functionality Get serialized HTML code describing its descendants. Set : Remove all the children, parse the content string and as

textContent、innerHTML、innerText、outerText、outerHTML、nodeValue使用场景和区别

今天要讲的这些属性都可以用来获取某个元素的内容,你可能会觉得不可思议,或是说上一句"丧心病狂"也.但当你看完以下内容后,会发现除outerText无用外,其他的都有各自的使用场景,不然它就真的是丧心病狂,然后我们就可以各回各家了. innerText 引用MDN,Node.textContent上的一段话: Internet Explorer 引入了 element.innerText,目的是相似的,不过有下面几点不同之处: textContent 会获取所有元素的内容,包括<s

全栈JavaScript之路（十九）HTML5 插入 html标记（一）innerHTML 与outerHTML

在须要给文档插入大量的html 标记下.通过DOM操作非常麻烦,你不仅要创建一系列的节点,并且还要小心地依照顺序把它们接结起来. 利用html 标签插入技术,能够直接插入html代码字符串,简单.高效! 下面插入html标签相关的扩展已经纳入html5 规范. 1.innerHTML 属性 2.outerHTML 属性 3.insertAdjacentHTML 方法 innerHTML 属性有两种模式.写模式与读模式. 在读模式下,返回的是html 代码字符串. 比如: <div id=&quo

JS魔法堂：再识ASCII实体、符号实体和字符实体

一.前言相信大家都熟悉通过字符实体来实现多个连续空格的输入吧!本文打算对三类HTML实体及JS相关操作作进一步的整理和小结,若有纰漏请大家指正,谢谢. 二.初识HTML实体由于HTML中某些字符是预留的(如>和<等),若要在进行HTML解析出来后能正确显示预留字符,则需要使用字符实体来代替了. 字符实体有三种表示方式: // Named character

JS的Document属性和方法小结

Document想必大家并不陌生吧,在使用js的过程中会经常遇到它,那么它有哪些属性.哪些方法,在本文将以示例为大家详细介绍下,希望对大家有所帮助 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.

JS与Jquery区别

很多人对JS和JQuery很容易搞混淆,今天我们就相比学习下: 加载区别: var myfunction(){}; JS:1.window.onload=function(){} 2.<body onload="myfunction()"> JQuery:1.$(function(){myfunction();}); myfunction>>加载完成后需要执行函数 2.$(document).ready(function () { initfunction});

JS疑难点和GC原理

js解析与序列化json数据(一)json.stringify()的基本用法: 对象有两个方法:stringify()和parse().在最简单的情况下,这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript.早期的JSON解析器基本上就是使用JavaScript的eval()函数.由于JSON是JavaScript语法的自己,因此eval()函数可以解析.解释并返回JavaScript的对象和数组. ECMAScript 5对解析JS

jQuery中的text()、html()和val()以及innerText、innerHTML和value

*jQuery中设置或者获取所选内容的值:text();设置或者获取所选元素的文本内容: html();设置或者获取所选元素的内容(包括html标记): val();设置或者获取表单字段的值(前提是表单设置了value属性): (text()和html()的区别是:前者是处理的文本内容,只能写文本如果写了上面的标记则会以文本形式输出:后者可以解析文本中的html标记,就是你可以添加像<a></a>.<p></p>等标记,最后会解析为其效果.) *JavaSc

HTML页面嵌入视频和JS控制切换视频的问题

文章摘自:http://www.cnblogs.com/jorton/archive/2012/03/19/vidio_in_site.html 首先,在页面中嵌入视频的HTML代码为: 1 <div id="youku" class="youku"> 2 <object id="obx" name="obx" width="290" height="260">

JS的Document属性和方法

Attributes 存储节点的属性列表(只读)childNodes 存储节点的子节点列表(只读)dataType 返回此节点的数据类型Definition 以DTD或XML模式给出的节点的定义(只读)Doctype 指定文档类型节点(只读)documentElement 返回文档的根元素(可读写)firstChild 返回当前节点的第一个子节点(只读)Implementation 返回XMLDOMImplementation对象lastChild 返回当前节点最后一个子节点(只读)nextSi

转-JS中document对象详解

对象属性 document.title //设置文档标题等价于HTML的<title>标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.vlinkColor //已点击过的链接颜色 document.URL //设置URL属性从而在同一窗口打开另一网页 documen

JS 输出与变量

1. JS的输出 innerHTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script> document.getElementById(&

js中document的用法

document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlinkColor //已点击过的链接颜色document.URL //设置URL属性从而在同一窗口打开另一网页document.fileCreatedDa

js outerhtml和innerhtml

热门专题