document.getElementById("baidu") .innerHTML 详解剖析

最新推荐文章于 2024-09-25 15:23:45 发布
最新推荐文章于 2024-09-25 15:23:45 发布
阅读量4.2k 收藏 2
点赞数 1
文章标签： javascript 百度 html

document：Javascript 中就是整个页面（Javascript内置对象）
 get：获取
 Element:  元素
 By：通过、以...方式
 Id：标识
getElementById是Javascript内置方法
合在一起就是：通过页面中的标识来获取元素

<a id="baidu"><strong>百度</strong></a>document.getElementById("baidu")　获得 a 这个元素
document.getElementById("baidu") .innerHTML　获得 a 这个元素内的HTML代码（即<strong>百度</strong>）
document.getElementById("baidu") .innerHTML = "<em>谷歌</em>"　设置 a 这个元素内的HTML代码，设置后<strong>百度</strong>就变为<em>谷歌</em>

zk818
关注
[网络安全自学篇] 七十八.XSS跨站脚本攻击案例分享及总结（二）
杨秀璋的专栏
05-18 1万+
这是作者网络安全自学教程系列，主要是关于安全工具和实践操作的在线笔记，特分享出来与博友们学习，希望您喜欢，一起进步。前文分享了肖老师（Seak）的分享，介绍恶意代码与APT攻击中的武器，包括A2PT的攻击武器、普通APT组织的自研恶意代码、商用恶意代码、无恶意代码作业、开源和免费工具等。这些天分享了很多系统安全和软件安全的知识，接下来让我们回归网络安全，做做XSS跨站脚本攻击案例。这些题目来自Fox好友，在此感谢他。主要内容包括XSS原理、不同类型的XSS、XSS靶场9道题目、如何防御XSS。希望您喜欢~
[网络安全自学篇] 十八.XSS跨站脚本攻击原理及代码攻防演示（一）
热门推荐
杨秀璋的专栏
10-12 2万+
这是作者的系列网络安全自学教程，主要是关于网安工具和实践操作的在线笔记，特分享出来与博友共勉，希望您们喜欢，一起进步。前文分享了Python弱口令攻击、自定义字典生成，并构建了Web目录扫描器；本文将详细讲解XSS跨站脚本攻击，从原理、示例、危害到三种常见类型（反射型、存储型、DOM型），并结合代码示例进行详细讲解，最后分享了如何预防XSS攻击。本文参考了爱春秋ADO老师的课程内容，这里也推荐大家观看他Bilibili和ichunqiu的课程，同时也结合了作者之前的编程经验进行讲解。
当innerHTML遇上document.getElementById
天下无双
02-09 1万+
 不知在通常的开发中，大家有没有遇到过这样的问题。      例如现在有一个控件view plaincopy to clipboardprint?  ,如果想取这个控件的值有很多中方法，其中document.getElementById(name).value既是其中的一种。但是在实际的开发中可能碰到使用这个方法取不到值的情况。为了解决这个问题，我们有必要明白document.getEl
document getElementById innerHTML
weixin_43726152的博客
05-06 7168
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如： 这是内容 ，我们可以通过 document.getElementById(‘demo’).innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容，如 document.getElementById(‘demo’).innerHTML=‘这是被插入的内容’; 这样就能向id为abc的对象插入内容...
DOM获取元素并修改内容：getElementById()方法、value属性、innerHTML属性、innerText属性
最新发布
pan_junbiao的博客
09-25 599
Document 对象，当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。innerHTML 属性声明了元素含有的 HTML 文本，不包括元素本身的开始标记和结束标记。通过该属性可以为指定的 HTML 文本替换元素内容。innerText 属性与innerHTML 属性的功能类似，只是该属性只能声明元素包含的文本内容，即使指定的是 HTML 文本，它也会认为是普通文本而原样输出。
【JavaScript】我的第3个例子-innerHTML，GetElementById
陶洲川的博客
08-01 1032
1.实例：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我是标题</title> </head> <body> <h1>我是字体最大的标题</h1> <p id="demo">我是段落，段落结束后会换行</p> <script> document.getElementBy
document.getElementById().innerHTML
qq_45330179的博客
11-11 1万+
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如：<div id="demo">这是内容</div> 我们可以通过 document.getElementById(‘demo’).innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容， 如document.getElementById(‘demo’).innerHTML=‘这是被插入的内容’; 这样就能向id为abc的对象插入内容。 ...
【JavaScript源代码】JavaScript实现随机码的生成与校验.docx
12-29
document.getElementById("code").innerHTML = code; } ``` - **随机数生成函数**：`random(max, min)`函数用于生成指定范围内的随机整数。 - **随机码生成函数**：`createCode()`函数实现了随机码的生成过程，...
前端2020面试题195道
weijieyuhyt的博客
01-13 1万+
HTML5面试题 一、 Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? <!DOCTYPE> 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法， 混杂模式...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 3004
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
JavaScript中document.getElementById().value与innerHTML的区别
Elsa~的博客
02-26 6825
首先我们来认识一下HTML DOM Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面的所有元素进行访问。 而Document对象是Window对象的一部分，可以通过window.document属性对其进行访问。 而getElementById()是Document对象的方法，该方法返回对拥有指定id的第一个...
【JavaScript】 JS中获取HTML元素值的三种方法
未名学园
03-06 2万+
JavaScript中获取HTML元素值的三种方法 JS获取DOM元素的方法（8种）： 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 获取html的方法（document.documentElement） 获取bod...
JS中document.getelementbyid().value与innerHTML的区别
大橙子_Change的博客
02-28 1万+
使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性，比如value 当一个元素有value属性的时候，其value才会有值 &lt;input type="text" id="txt1" value="hello"/&gt; 这样一个元素，当你使用document.getElementById(“txt1”).value时，可以...
JavaScript学习笔记之document和innerText、innerHTML
Coder的不平凡
09-17 1万+
Javascript中我们最常用的对象就是document对象 Document对象： 每个载入浏览器的html文档都会成为document对象。我们可以利用document对象访问HTML中的元素。 一、document.getElementById() 通过id来获取相应的值
Javascript：getElementById()点innerHTML联合用法(对比演示)
1stPeak's Blog
04-11 1874
笔记2020_04_11 情况一 代码document.getElementById(“tr1”).innerHTML情况下 点击按钮后出现下图所示： 情况二 代码document.getElementById(“tr1”)情况下 点击按钮后出现下图所示： 通过两种情况对比，可以发现，.innerHTML是显示document.getElementById(“tr1”)里面id=tr1...
document.getelementbyid().innerhtml和document.getelementbyid().value的区别
10-08
document.getElementById().innerHTML 和 document.getElementById().value 的区别在于它们返回的值的类型和用途不同。 - document.getElementById().innerHTML 返回的是 HTML 元素的内部 HTML 内容，即元素包含的所有 HTML 标签和文本。这个属性可以用于获取和修改元素的内容，例如： ```javascript var element = document.getElementById("myElement"); var htmlContent = element.innerHTML; // 获取元素的内部HTML内容 element.innerHTML = "新的内容"; // 修改元素的内部HTML内容 ``` - document.getElementById().value 返回的是表单元素（如 input、select、textarea）的当前值。这个属性主要用于获取和设置表单元素的值，例如： ```javascript var inputElement = document.getElementById("myInput"); var value = inputElement.value; // 获取输入框的值 inputElement.value = "新的值"; // 设置输入框的值 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值