怎么用JS获取HTML标签内的内容

JavaScript019

怎么用JS获取HTML标签内的内容,第1张

1、首先打开hbuilder软件,新建一个html文件,里面写入一个p标签和一个按钮标签。

2、然后在p标签的下方设置一个script标签,里面写入js胆码;先获取p标签和按钮的dom对象,然后给按钮添加一个点击事件,再点击事件爱的回调中alertp标签的text属性即可。

3、最后打开浏览器,可以看到一段文字和一个按钮,点击这个按钮。

4、就可以弹出内容了。

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

if (window.getSelection) { //现代浏览器

userSelection = window.getSelection()

var range = userSelection.getRangeAt(0)

var rangeText = range.toString()//选中文本

var div = document.createElement('div')

div.appendChild(range.cloneContents)

alert(div.innerHTML)

var rangeHtmlText = div.innerHTML//选中内容,包含标签

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

//var aArr = div.getElementsByTagName('a')

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

} else if (document.selection) { //IE浏览器 考虑到Opera,应该放在后面

userSelection = document.selection.createRange()

var text = userSelection.text//获得文本

var htmlText = userSelection.htmlText//获得包含标签的内容

}

上面两种方法应该够用了

然后用

从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")