`

innserHTML 和 pasteHTML的区别

阅读更多
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的区别实例分析

    主要介绍了JS中innerHTML和pasteHTML的区别,结合实例形式较为详细的分析了innerHTML和pasteHTML的具体功能与使用区别,需要的朋友可以参考下

    JS实现pasteHTML兼容ie,firefox,chrome的方法

    主要介绍了JS实现pasteHTML兼容ie,firefox,chrome的方法,涉及javascript针对页面元素的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    ckeditor_notion_pastehtml

    ckeditor_notion_pastehtml

    quill.js-心目中的最佳富文本编辑器-html引入、改后可用于Vue-quill-editor

    quill.js-心目中的最佳... ... 可以将文本框内图片优先上传后服务器 因为编辑器默认是将图片转成base64存储的,而我们实际开发需要将图片存在自己的服务器中。 重构组件,实现及时上传 ...汉化后的工具组栏,更符合用户需求

    类似qq空间中的留言编辑器

    =null) R.pasteHTML("&lt;span class='ShowText'&gt;"+_Text+"&lt;/span&gt;"); break; case 7: E.document.execCommand('CreateLink',true,'true') break; case 8: if(_Text!='') { var _CText=RemoveHTML(_Text); ...

    xheditor v1.0.0 rc2 build 100401

    添加:pasteHTML和pasteText函数添加第2个参数:bStart,可以是以下值:留空(覆盖粘贴)、true(粘贴在光标选择区域之前)、false(粘贴在光标选择区域之后) 添加:切换到源代码,可视化编辑页面的光标对应源代码相应...

    js正文内容高亮效果的实现方法

    代码如下://高亮显示搜索到的关键字function HeightLight(Keyword){ //文本选择器 var TextRange; //是否找到 var ... } while (Found && Count &gt; 0) { TextRange.pasteHTML(‘&lt;span style=”background

    xheditor-1.1.14

    如果您希望样式表存储在系统自带的模板目录ui.css中,请将插件对象的样式名留空,则会自动按照插件名来调用相应的样式,例如:xhEdtBtnCut、xhEdtBtnCopy,其中的Cut和Copy是插件名 具体调用方法请参考演示文件夹中...

    xhEditor编辑器 v0.9.7 简体中文

    5.修正:appendHTML和pasteHTML两个函数添加的图片或者链接,相对地址变绝对地址问题的修正 6.修正:XHTML格式化功能进一步完善,例:&lt;b&gt;aaa,修正前&lt;bbb这部分内容会消失,修正后此BUG消失 7.修正:之前表情...

    firefox下javascript实现高亮关键词的方法

     IE下有findText及pasteHTML,但是fireFox下就没有!怎么办?查了好多资料,都没有能说出个所以然的,皇天不负有心人,终于让我给搞出来了! 注:我这里不是用正则替换,因为正则替换有它的不足之处! 不知道先前...

    javascript高亮效果的二种实现方法

    js高亮方法一: 代码如下:[removed] ... while(keyword.findText(nWord)){ keyword.pasteHTML(“” + keyword.text + “”); keyword.moveStart(‘character’,1); } } } function highword(nWord){ var array = nWo

    js使用小技巧

    " 和 "?"也编码 表格行指示 //各种尺寸 s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域高:"+ document.body....

Global site tag (gtag.js) - Google Analytics