如何用js获取标签<p>标签内容<p>里的数据,即标签内容 TagName(id),可以么,我为什么取不到数据。

如何用js获取标签<p>标签内容<p>里的数据,即标签内容 TagName(id),可以么,我为什么取不到数据。,第1张

说下你代码错误的地方吧:

1,<button>结束标签没有

2,<script type="javascript"></script>

3,是getElementsByTagName而不是getElementByTagName

4,document.getElementsByTagName("p")应该为document.getElementsByTagName("p")[0]

正确代码:

<!DOCTYPE html>

<html>

<body>

<h1>

我的 Web 页面</h1>

<p id="demo">

一个段落。</p>

<div id="myDIV">

一个 DIV。</div>

<button onclick="myFunction()">

点击显示</button>

<script type="text/javascript">

function myFunction() {

alert(document.getElementsByTagName("p")[0].innerHTML)

}

</script>

</body>

</html>

三种方法

第一种,修改ueditor的配置文件

但是这种修改容易引起其他地方,有可能改好这个,另一个也坏了,而且改的是ueditor的文件,所以整个项目都会变,如果有其他地方想用p标签就没办法了

第二种方法就是:获取纯文本内容

UE.getEditor('editor').getContentTxt()纯文本

UE.getEditor('editor').getPlainTxt() 带格式文本

缺点是如果你的文本中加粗或者添加其他样式,这个就显示不出来了,上传的图片好像应该也是删除掉了

第三种方法:你传到后台之后用将p标签全部替换掉,如果有其他标签也想替换掉的话,也可以

str.replaceAll("<p>","").replaceAll("</p>","")

或者用正则表达式去掉全部标签,网上有很多,可以自己搜

1、首先创建一个名称为 checkbox_form_id的html文件 。

2、添加2个input元素 设置input类型为checkbox设置并分别设置id,添加一个form设置id为“thisisformid”。

3、添加一个button按钮,在点击事件中加入自定义函数my_checkbox_form_id,添加一p标签,设置id 为 show_checkbox_form_id。

4、在javascript中创建一个自定义函数   my_checkbox_form_id。

5、在自定义函数中获取input对象。用form属性获取表单对象,用表单的id属性获取表单的id值,并将结果显示到p标签中。

6、最后在浏览器中打开文件,点击button查看获取到的表单id效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9959782.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-03
下一篇 2023-05-03

发表评论

登录后才能评论

评论列表(0条)

保存