獲取標簽中的內容

1.操作標簽中的文本

（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）元素.html()        jquery設置或獲取所選元素的內容（包括 HTML 標記）

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

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

（4）元素.text()    jquery設置或獲取所選元素的文本內容

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

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

 2.操作表單中的內容

（1）. 元素.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)
}

（2）元素.val()    jquery設置或獲取表單字段的值

$('#box').val('可視電話')

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