怎么在html中加入文字,如何在指定的地方插入html内容和文本内容

dhtml提供了两个方法来进行添加，insertAdjacentHTML和insertAdjacentText

insertAdjacentHTML方法：在指定的地方插入html标签语句。

原型：insertAdjacentHTML(swhere,stext)

参数：

swhere:指定插入html标签语句的地方，有四种值可以用：

1.beforeBegin:插入到标签开始前

2.afterBegin:插入到标签开始标记后

3.beforeEnd:插入到标签结束标记前

4.afterEnd:插入到标签结束标记后

stext:要插入的内容

例：

var sHTML="
"

var sScript='

sScript = sScript + 'function go2(){ alert("Hello from inserted script.") }'

sScript = sScript + '';

ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);

在html正文中加入一行：

最终变成：

function go2(){alert("Hello from inserted sctipt.")}'

insertAdjacentText方法与insertAdjacentHTML方法类似，只不过只能插入纯文本，参数相同

这两个属性还是比较适用的，尤其是在绘图等地方用的比较多，它的优点是不会覆盖原有的内容，让我们来假设一下吧，有一个DIV，它里面已经有内容了，现在我们还要动态的添加内容进去，而又不能覆盖原有的内容，那么这时候这个东西就很重要了，innerHTML是会把原有的东西覆盖掉的。

所有成对出现的HTML都可以用这个属性，这点和innerHTML一样，比如

..、

....

等这些都有这两个属性

补充下：刚才我试了下，innerHTML这个属性是可读写的，以前我知道innerHTML可以对节点插入内容，但是这个属性也是可读的，也就是说innerHTML中保存的是节点的html内容；看下以下代码就完全明白了：

无标题文档

safdsdaf按时地方

alert(document.body.innerText)

上面是我转帖到别人的代码，下面我再补充几行代码，也很经典有，也许你用的着：

function addFile()

{

var filebutton = '';

document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);

}

上面的是Head里面的脚本，下面是body里面的：html代码：

你把代码拷贝到文件中保存成一个html就知道效果了。

怎么在html中加入文字,如何在指定的地方插入html内容和文本内容相关推荐

JAVA导出excel表格标题加粗,【excle特定文字加粗】java如何设置excel单元格中部分文字加粗例如：标题（加粗）：内容（不加粗）...
java如何设置excel单元格中部分文字加粗例如:标题(加粗): 内容(不加粗) HSSFCellStyle style = (HSSFCellStyle) wb.createCellStyle( ...
java在模板图片中填写文字,java 操作pdf模板（向指定域添加文本内容和图片）
项目需求涉及到操作pdf模板,根据生成好的模板向里面填充数据用到的jar包是iText-5.0.6.jar 和iTextAsian.jar 上代码: public static void main( ...
图文混排中，在textView的指定光标下插入文字或图片
override func viewDidLoad() { super.viewDidLoad() demoTextView.text = "我是大帅比,真的是一个大帅比 ...
python 图像处理与识别书籍_Python图像处理之识别图像中的文字(实例讲解)
①安装PIL:pip install Pillow(之前的博客中有写过) ②安装pytesser3:pip install pytesser3 ③安装pytesseract:pip install p ...
python去除图片上的文字_Python图像处理之识别图像中的文字(实例讲解)
①安装PIL:pip install Pillow(之前的博客中有写过) ②安装pytesser3:pip install pytesser3 ③安装pytesseract:pip install p ...
openxlpy 在excel中批量插入图片根据单元格内容插入图片图片随单元格大小变化而变化 AnchorMarker python
需求: 根据单元格的文本内容,插入相同名称的图片: 图片大小与单元格大小相同要用到OS库和openxlpy库步骤: 遍历excel区域里面的单元格,看是否有文本内容根据文本内容确定图片的名称,从 ...
word分散对齐调整宽度_Word中文字很难对齐？有了这4个方法，2秒可对齐Word中所有文字...
在使用Word的时候,不少人有这样的烦恼:Word中的文字对齐不了,浪费了好多时间,还是弄不好.那么今天小编就来分享几个好用的Word中文字对齐的方法,下面就一起来看看吧~ 一.简单操作 1.分散对齐 ...
怎么把文字变成图形_PPT 中实现文字矢量化
Hello,好久不见! 今天要分享的是关于PPT的一个小技能--文字矢量化. 01 科普小知识首先,给各位解释一下什么是矢量化.以下是百度百科给的参考. 矢量化简单来说,文字矢量化就是将文字转变成 ...
html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下本文实例讲述了js实现文本框中输入文字页面中 ...

怎么在html中加入文字,如何在指定的地方插入html内容和文本内容

怎么在html中加入文字,如何在指定的地方插入html内容和文本内容相关推荐

最新文章

热门文章