js 获取选中内容中含有的html标签

最近遇到这个问题，楼上没有给出答案，为了以后百度方便，回答一下。看了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;//获得包含标签的内容

}

上面两种方法应该够用了

然后用

1、新建html文档，在body标签中添加一个按钮，然后在head标签中引入jQuery文件：

2、使用jQuery给按钮添加点击事件，然后使用ajax发送请求并将获取到的结果进行输出：

3、用浏览器打开代码，点击浏览器上的按钮，这时html页面中的内容就被输出到了控制台中：

js获取html添加的元素属性方法：先给这个元素设个ID，再用js获取这个ID的属性，即元素属性，实现案例如下：

<a id="link" href="前端学习" title="测试" blogname="前端开发">Web开发</a>

JS代码：

var ka=documentgetElementByI d("link");

alert(kagetAttribute("id"));//获取到Html标签的自定义属性

alert(kaid);//获取到Html标签常规属性用

用JS获取Html标签属性有两种方法：

如<a id="link" href=">

从js里面获取HTML 的input标签中的内容分两种：

1、获取input标签的值，方法：

根据input的name或者id获取其值，假如有：<input type='text' id='name' value=123>

js中获取方法：$("#name")val();

2、获取input标签的属性内容，方法：

如有：<input type='text' id='name' value=123 ind='1'>

要获取ind的值，方法：

$("#name")attr("ind");

  html中获取标签的数据，可以通过js来获取，如下代码：

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 ．是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 ．是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知！");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业！");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师：</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业：</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知：</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

1、首先新建文件。

2、js如何获取div里面的内容，代码如下。

3、js修改div里面的内容。

4、js 获取input里面的内容。

5、js修改input里面的内容，这样就完成了。

注意事项：

因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

jquery获取input值的几种方法

jquery和javascript获取input输入框中的值多种实现方法

你好，获取input输入框的值可以用多种方法来实现，具体的要看你实际的情况。

例：

先准备一段HTML

<input type="text" id="CSDN_NAME" name="CSDN_NAME" class="CSDN_NAME">

一、jquery方法

通过 name 实现

var name = $('input[name="CSDN_NAME"]')val();

二、javascript方法

通过 id 实现

var name = documentgetElementById("CSDN_NAME")value

还有更多jquery和javascript来获取input输入框的值的方法可以参照：

jquery获取input值的几种方法

以上就是关于js 获取选中内容中含有的html标签全部的内容，包括:js 获取选中内容中含有的html标签、js获取html页面显示内容、js怎么获取html添加的元素属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！