innerText 影响到innerHTML

[转]被玩坏的innerHTML、innerText、textContent和value属性

一.前言由于innerText并非W3C标准属性,因此我们无法在FireFox中使用它,一般情况下我们可以使用textContent来代替,但它两者是否就能完全等同呢?在坑爹的表单元素(如input.textarea等)中表现是否依旧诡异呢?文本将记录一些实验结果,避免日后被玩坏. 二.innerHTML 由于innerText和textContent均为对innerHTML内容作不同的处理而成,因此我们需要先明确innerHTML属性的特点. 赋值操作:先对值内容进行模式匹配,然后把处理后的

innerHTML,outerHTML,innerText,outerText区别以及insertAdjacentHTML()方法

在需要给文档插入大量的新的HTML标记的情况下,通过多次DOM操作先创建节点再指定它们之间的关系会非常麻烦而且效率不高,相对而言插入标记的方法会更加简单,速度也更快. 插入标记中有这四个属性innerHtml,outerHTML,innerText,outerText. 这四个属性都有获取状态和设置状态. 我们先来看一小段代码 <div><p>我是div的子元素</p></div> *在这里我们要先获取这个div,我用divnode代替.在chrome浏览器

innerText和innerHTML的区别

innerhtml用法 innertext用法以及innerHTML与innertext的区别,看完这个大家以后在实际应用中,就可以选择合适的方法.尽可能的考虑到兼容性. test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”. test.innerText: 从起始位置到终止位

innerText、innerHtml与value

1.innerText是id为object的闭合标签内的文本,输入输出的是转义文本(字符串); (label控件用innerText有效)2.innerHtml是<div>标签内的文本,输入输出到该DOM内部纯HTML代码(流); (获得td.div等html元素时候,它们是没有value或是text属性,只能用innerHtml)3.value是表单元素特有的属性,输入输出的是转义文本(字符串); (Button.CheckBox.Radio)随表单一起发送的值; (Reset.Su

JS中innerHTML和innerText，outerHTML和outerText

innerHTML 声明了元素含有的HTML文本,不包括元素本身的开始标记和结束标记 innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器(现在也适应chrome浏览器),因此,尽可能地去使用 innerHTML,而少用innerText HTML代码 innerHTML innerText <div>你好,世界</div> "你好世界" "你好世界" innerText 只能声明元素本身的文本内容 <d

innerHTML,innerText

文本替换 <p id="p1">Hello World!</p><div>神经</div><h3 class="hh">天黑了</h3><table> <tr><td name="name">你好</td></tr></table> <script>document.getElementByI

冰冻三尺非一日之寒--还是web

第十五章 javascript(js) DOM编程 javascript介绍 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 1.JavaScript代码存在形式  <script type"text/javascript" src="JS文件"></script> <

Python Day15

JavaScript JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 一.如何编写 1.JavaScript代码存在形式  <script type"text/javascript" src="JS文件"></script>  <scr

十六天 css汇总、js汇总、dom汇总

1.css补充之后台管理界面顶部导航栏.左边菜单栏.右边内容栏固定在屏幕相应位置会有上下左右滚动条,设定窗口最小值,使页面不乱.注意overflow:auto要与position:absolute联用才可以 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <st

Python自动化【第十五篇】：CSS、JavaScript 和 Dom介绍

本节内容 CSS javascript dom CSS position标签 fixed: 固定在页面的某个位置 relative + absolute: 相对定位 opacity:0.5 设置透明度 z-index:数值大的在上边 overflow: hidden 超过div的宽度后隐藏 auto 出现滚动条 hover: 当鼠标移动到当前标签上时才生效 background-image:url('1.jpg') #默认 div大,图片水平放置 background-repeat:no-re

js学习随笔

prompt 提示; parse解析;slice划分,切片;sort排序: 移除样式,removeAttribute("style") document.getElementById("con").innerHTML ; innerHTML获取con元素里面的内容 1.innerText是id为object的闭合标签内的文本,输入输出的是转义文本(字符串); (label控件用innerText有效) 2.innerHtml是<div>标签内的文

Python-Day15 JavaScript/DOM

JavaScript JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 一.如何编写 1.JavaScript代码存在形式  <script type"text/javascript" src="JS文件"></script>  <scr

前端之DOM

老师的博客:https://www.cnblogs.com/liwenzhou/p/8011504.html DOM(Document Object Model)是一套对文档的内容进行抽象和概念化的方法. 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树. DOM标准规定HTML文档中的每个成分都是一个节点(node): 文档节点(document对象):代表整个文档元素节点(element 对象):代表一个

Python之旅Day13 JavaScript与DOM部分

JavaScript部分 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应的代码,浏览器就可以解释并做出相应的处理. 编写规则 JavaScript代码存在的形式  <script type"text/javascript" src="JS文件"></script>  <scr

JavaScript知识点总结[部分]

变量局部变量必须一个 var 开头,如果未使用var,则默认表示声明的是全局变量. <script type="text/javascript"> // 全局变量 name = 'musker'; function func(){ // 局部变量 var age = 18; // 全局变量 gender = "man" } </script> 注释 JavaScript中代码注释: 单行 // 多行 /* */ 注意:此注释仅在Script

Python 15 html 基础 - CSS &javascript &DOM

本节内容 CSS基础 javascript基础 DOM 前言,这边这块楼主已经很熟悉了,CSS天天用到,简单的一些javascript也是所以就挑点重点说了.然后就是dom不怎么用,但是其实也用不到,大家以后都会是用jquery来做这一块的需求,所以只要稍作了解就好了. CSS基础继续上一章节的css. position 常用的三个: fixed ==>浮动的固定在某个位置 relative + absolute ==> 通常这2个一起用,用来在父标签的内部定位,相对于父标签的一个绝对定位

python第八十八天－－－－dom js

DOM操作 1. 找到标签直接查找 document.getElementById 根据ID获取一个标签 document.getElementsByName 根据name属性获取标签集合 document.getElementsByClassName 根据class属性获取标签集合 document.getElementsByTagName 根据标签名获取标签集合间接查找 parentNode // 父节点 childNodes // 所有子节点 firstChild // 第一个子节点 l

Python学习笔记第十五周

目录: 一.CSS补充 1.position 2.overflow 3.hover 4.background 二.JavaScript 三.DOM 主要内容: 一.CSS补充 1.position 可以定义元素锚定到哪个位置 1.fixed固定在窗口的某个位置例子: 将网页分为上下两部分,其中头部占据页面上方,内容部分可以滑动,但是头部不会被覆盖 <style> .pg-header{ height:48px; background-color: black; color:#dddddd;

Vue.js之生命周期

有时候,我们需要在实例创建过程中进行一些初始化的工作,以帮助我们完成项目中更复杂更丰富的需求开发,针对这样的需求,Vue提供给我们一系列的钩子函数. vue生命周期 beforeCreate 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

JavaEE 面试题总结

一. JDBC 4 1. Java中访问数据库的步骤 4 2. Statement,PreparedStatement,CallableStatement的功能.特点. 4 3. 如何利用JDBC的API获得插入数据的主键值 4 4. Tomcat连接池如何配置 4 二. JSP 4 5. JSP中动态INCLUDE与静态INCLUDE的写法是什么,区别是什么 4 6. 9大隐式对象 4 7. EL和JSTL分别是什么 4 8. post和get有什么异同,实现文件上传要用哪种方式 4 9. R

Vue实例及生命周期

1,Vue实例生命周期. 有时候,我们需要在实例创建过程中进行一些初始化的工作,以帮助我们完成项目中更复杂更丰富的需求,开发,针对这样的需求,Vue提供给我们一系列的钩子函数 2,Vue生命周期的阶段 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Title</title> <script

innerText 影响到innerHTML

热门专题