获取标签中的内容

时间：2019-10-02 20:38:23 阅读：90 评论：0 收藏：0 [点我收藏+]

1.元素.innerText js设置或获取标签中的文本

var box=document.getElementById(‘box‘)
box.innerText=‘四大皆空‘

var box=document.getElementById(‘box‘)
console.log(box.innerText )

2.元素.innerHTML js设置或获取标签中的内容（包括 HTML 标记）

var box=document.getElementById(‘box‘)
box.innerHTML=‘<p>哈哈哈</p>‘

var box=document.getElementById(‘box‘)
console.log(box.innerHTML )

3. 元素.value js设置或获取表单字段的值

var box=document.getElementById(‘box‘)
box.value=‘豆浆机‘

var box=document.getElementById(‘box‘)
var bt=document.getElementById(‘bt‘)
bt.onclick=function(){
console.log(box.value)
}

4.元素.val() jquery设置或获取表单字段的值

$(‘#box‘).val(‘可视电话‘)

$(‘#bt‘).click(function(){
  console.log($(‘#box‘).val())
})

5. 元素.html() jquery设置或获取所选元素的内容（包括 HTML 标记）

$(‘#box‘).html(‘<p>哈哈</p>‘)

$(‘#bt‘).click(function(){
  console.log($(‘#box‘).html())
})

6.元素.text() jquery设置或获取所选元素的文本内容

$(‘#box‘).text(‘哈哈‘)

$(‘#bt‘).click(function(){
  console.log($(‘#box‘).text())
})

原文地址：https://www.cnblogs.com/zhaodz/p/11618215.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行