JavaScript修改和获取p标签里面内容

已于 2022-01-21 20:37:55 修改
阅读量1.8w 收藏 7
点赞数 2
分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript
于 2018-01-26 16:30:02 首次发布
原文链接：http://blog.csdn.net/u010746364/article/details/53410388
版权

随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)

from：http://blog.csdn.net/u010746364/article/details/53410388

  1. <html>  
  2. <head>  
  3. <script type="text/javascript">  
  4. function textModify()  
  5. {  
  6.     var obj = document.getElementById("p");  
  7.     alert(obj.innerHTML);  
  8.     obj.innerHTML= "google coding";   
  9. }  
  10. function textModify2()  
  11. {  
  12.     var obj = document.getElementById("p2");  
  13.     alert(obj.innerText);  
  14.     obj.innerText= "knowledge";   
  15. }  
  16. </script>  
  17. </head>  
  18.   
  19. <body>  
  20. <form>  
  21. <input type="button" value="btn" onClick="textModify()">  
  22. <input type="button" value="btn2" onClick="textModify2()">  
  23. </form>  
  24. <p id="p">life</p>  
  25. <p id="p2">mastery of knowledge</p>  
  26. </body>  
  27.   
  28. </html>  

u010142437
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取p标签里面的内容与处理
weixin_44542146的博客
07-18 8355
撰写时间：2019.7.17 一、 获取p标签里面的内容 通用的一个字段类型public，然后字符串类型的string的文本字符，自定义设置字段路径FormateHandler，通过传参来进行他们之间的内容获取传递。 字符串string定义声明一个值，明显的记录他获取的内容数据。 if判断来从中实现他的结果，判断获取p标签的内容，这就需要Regex正则表达式，Regex表示是一个不可变的正则表达式...
Javascript Dom元素获取和添加详解
10-16
在JavaScript中，DOM...理解并熟练掌握DOM元素的获取和添加是JavaScript前端开发的基础，这对于动态操作网页内容、实现交互功能至关重要。正确使用这些方法和属性，可以有效地构建和修改网页结构，提升用户体验。
JS函数修改html的元素内容,及修改属性内容的方法
12-29
修改元素内容： <body> <p id=pid>Hello</p> <button onclick=demo()>按钮</button> [removed] function demo(){ var nv = document.getElementById(pid); nv[removed]=World; } [removed] </body> 修改元素标签属性： <body> <a>呵呵</a> <button onclick=demo()>按钮</but
通过javascript的document来获取p标签，并修改p标签内容（点击按钮）
qq_45675305的博客
03-15 2944
轻松解决前端问题
Javascript 创建新节点 document.createElement()
最新发布
大剑师兰特的GIS世界
05-28 1156
在JavaScript中，创建新节点是DOM操作的重要组成部分，它允许你动态地向文档中添加内容。以下是创建新节点的详细说明、示例代码、注意事项以及常见应用场景。
提取HTML中P标签及内容
glxhyh的博客
05-08 2363
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>取得所有p标签及内容</title&g...
前端选择器与遍历 - 笔记
JUN_7777的博客
02-10 1127
选择器
js 通过html()及text()方法获取并设置p标签的显示值
11-30
// 获取p元素的文本内容 ``` 若要改变`<p>`标签的文本，同样提供新的文本字符串即可： ```javascript $('p').text('欢迎您访问简明现代魔法图书馆～～'); // 设置p元素的文本内容 ``` 与`innerText`不同，jQuery...
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
10-20
总的来说，JavaScript DOM操作提供了强大的功能，使开发者能够动态地改变网页内容和样式，以及响应用户交互。熟练掌握这些操作对于创建交互性强、用户体验优秀的Web应用至关重要。了解和熟练运用DOM，不仅可以提高...
JavaScript获取当前网页标题（title）的方法
10-24
在JavaScript中，获取和操作当前网页的标题是常见的任务，特别是在网页交互和动态更新内容时。标题元素在HTML中位于`<head>`标签内，通常用`<title>`标签定义，它显示在浏览器标签页上，反映了网页的主要内容。本文...
js使用html()或text()方法获取设置p标签的显示的值
12-12
html()方法 此方法类似于JavaScript中的innerHTML属性，可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容，可以这样： var p_html = $("p").html(); //获取p元素的HTML代码 如果需要设置某元素的HTML代码，那么也可以使用该方法，不过需要为它传递一个参数。例如要设置p元素的HTML代码，可以使用如下代码： //设置p元素的HTML代码 $("p").html("欢迎您访问简明现代魔法图书馆～～"); 注意：html()方法可以用于XHTML文档，但不能用于XML文档。 text()方法 此方法类似于JavaScript中
python教程-04-获取和设置标签内容(innerHTML).ev4.rar
05-07
这个Python教程-04-获取和设置标签内容(innerHTML)将详细解释这些库的使用方法，通过观看`python教程-0-04-获取和设置标签内容(innerHTML).ev4.mp4`视频，你可以得到更直观的演示和实例，帮助你更好地理解和掌握这些...
JS中修改元素内容，属性，样式的方法【详解】
杜永康的博客
10-29 4518
如果把属性作为集合，那么样式就是这个集合的元素。样式（style）也是一种属性，样式后面的内容是样式（style）的属性值 属性值里面的内容为 样式名：样式值。所以这种修改有这个特点：修改后的内容会把之前原有的内容覆盖掉，只执行修改后的内容。这种方式，方便我们调试功能，修改元素属性。法一：获取元素名.style.样式名=‘样式值’法二：获取元素名.style=‘样式名：样式值’，color是样式名，red是样式值。获取元素名.属性名=‘属性值’
JS随机数&&轮播图&&文字轮播效果
m0_63223374的博客
04-06 1203
JS随机数&&轮播图&&文字轮播效果
1. 练习JavaScript，弹出“你好，JavaScript”.
weixin_68946227的博客
09-12 570
这是JavaScript最基础的内容
改变＜p＞里的内容
qq_45772415的博客
07-14 495
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>修改文本</title> </head> <p id="p1">Hello World!</p> <script> document.getElementById("p1").innerHTML= "新文本！"; </script> <p>以
js改变p标签内容_Part3·Vue.js 框架源码与进阶 - Virtual DOM 的实现原理
weixin_39937412的博客
12-03 209
3.1 Virtual DOM什么是 Virtual DOMVirtual DOM(虚拟 DOM)，是由普通的 JS 对象来描述 DOM 对象，因为不是真实的 DOM 对象，所以叫 Virtual DOM真实 DOM 成员非常多，所以创建一个 DOM 对象的成本是非常高的可以使用 Virtual DOM 来描述真实 DOM，创建一个虚拟 DOM 的属性很少，成本自然也小，示例{ 为什么使用 V...
JQuery 修改p标签内容
05-17
// 修改 p 标签内容 pTag.text('新内容'); ``` 这里的 `$` 是 jQuery 对象的缩写，它返回一个 jQuery 对象，可以通过它来获取 HTML 元素并对其进行操作。`text()` 方法用于设置或获取指定元素的文本内容，上面的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值