innerHTML 是一个属性,可以取得或者设定该元素内的 HTML 内容,可以是任意能包含 HTML 子节点的元素都使用它
pasteHTML()是一个方法,在指定的文字区域内替换该区域内的文本或者HTML,该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上
例:
<Script Language="JavaScript">
function addLink(){
var oRange = document.selection.createRange();
if(oRange.text!=''){
var oUrl = window.prompt('链接网址...','http://www.163.com/');
var oHtml = '<a href='+oUrl+' target=_blank>'+oRange.text+'</a>';
oRange.pasteHTML(oHtml);
}else{
window.alert('您没有选择加链接的文字!');
}
}
</Script>
网易 新浪 搜狐<br><br>
<input type="button" value="添加链接" onclick="addLink();">
相关推荐
主要介绍了JS中innerHTML和pasteHTML的区别,结合实例形式较为详细的分析了innerHTML和pasteHTML的具体功能与使用区别,需要的朋友可以参考下
js中innerHTML与innerText的用法与区别
innerHTML的简单应用
innerHTML的使用document.getElementById("id").innerHTML = "contenttext";
js中innerHTML与innerText的用法与区别js中innerHTML与innerText的用法与区别
InnerHtml和InnerText的区别分析小结
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
简单日历和innerHTML使用 javascript的简单应用实例 可以自定义Css
博文链接:https://aideqianfang.iteye.com/blog/246585
解决ajax返回innerHTML中javascript不能运行问题
千锋Web前端教程_48_日期对象_定时器和innerhtml
NULL 博文链接:https://wuzhengxuan.iteye.com/blog/1263906
超全面javaweb第4天-_08_innerHTML属性
tbody[removed]='<tr><td>IE下tbody的innerHTML是只读的</td></tr>’; //在IE下报错,目标对象错误 现在用jquery的html试试, 代码如下: $(tbody).html(‘<tr><td>IE下tbody的innerHTML是只读的</td></tr>’); ...
HTML标签的innerHTML和value之间的用法的区别
innerHTML-outerHTML-innerTEXT
Innerself – 使用innerHTML将React / Redux转换成50行代码
下面小编就为大家带来一篇详谈innerHTML innerText的使用和区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
上例中的test[removed]的值也就是“<span xss=removed>test1</span> test2 ”。... test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身。 上例中的text.outerHTML的值也就是<div i