js获取div里的文字，并对选中文字进行 *** 作

<div id="tst" onmouseup="doit()">this is test</div>

<script>

function doit(){

var _tst = documentgetElementById("tst");

var _str = '<b>'+_tstinnerText+'</b>';

_tstinnerHTML = _str;

}

</script>

<div id="one" class="testDiv"></div>

<div id="two" class="testDiv"></div>

<div id="three" class="testDiv"></div>

<div id="four" class="testDiv"></div>documentbodyonmouseover = function(event){

    event = event || windowevent;

    var target = eventtarget || eventsrcElement;        

switch(targetid){

        case "one":

            alert(targetid)

            break;

        case "two":

            alert(targetid)

            break;

        case "three":

            alert(targetid)

            break;

        case "four":

            alert(targetid)

            break;

    }

};testDiv{

width: 200px;

height: 100px;

background: red;

} //以此类推。你可以吧6个div 放在一个大的div中,id为testDiv

 documentgetElementById('testDiv')onmouseover = function(event){

    event = event || windowevent;

    var target = eventtarget || eventsrcElement;        

    alert(targetid) //这样就不用写很多判断

};

用jquery库写就更简单呀,如这样:

    $('div#libox li')mouseover(function(){alert($(this)find('span')html());});  

});

首先要实现输入内容不同颜色是可以实现的，比如使用一个可编辑iframe就可以了，textarea是不行的。

至于功能的实现，我觉得不需要获取结束位置。

首先检测鼠标事件，如果有点击编辑区的某个位置，你就获取当前鼠标的落点，然后用innerHTML加入一对标签，<span class="color:#XXXXXX"></span>，所有输入内容都在这个span中间。效果就是输入的所有文字都变色。

不知道楼主明白没？

最近遇到这个问题，楼上没有给出答案，为了以后百度方便，回答一下。看了JQuery，里边想要获取html内容需要提供标签或id或class，并不能解决该问题。

if (windowgetSelection) { //现代浏览器

userSelection = windowgetSelection();

var range = userSelectiongetRangeAt(0);

var rangeText = rangetoString();//选中文本

var div = documentcreateElement('div');

divappendChild(rangecloneContents);

alert(divinnerHTML);

var rangeHtmlText = divinnerHTML;//选中内容，包含标签

//如果想获取里边的标签，可以通过

//var aArr = divgetElementsByTagName('a');

//for(var i=0; i<aArrlength; i++){ var aObj = aArr[i];}

} else if (documentselection) { //IE浏览器 考虑到Opera，应该放在后面

userSelection = documentselectioncreateRange();

var text = userSelectiontext;//获得文本

var htmlText = userSelectionhtmlText;//获得包含标签的内容

}

上面两种方法应该够用了

然后用

以上就是关于js获取div里的文字，并对选中文字进行 *** 作全部的内容，包括:js获取div里的文字，并对选中文字进行 *** 作、Jquery 或者 纯js 判断鼠标进入了页面上的那一个div、js中鼠标移动事件触发时,如何获得当前鼠标所在元素的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！