当前位置 : 主页 > 网页制作 > JQuery >

获取标签中的内容

来源:互联网 收集:自由互联 发布时间:2021-06-15
1.元素.innerText js设置或获取标签中的文本 var box=document.getElementById( ‘ box ‘ )box.innerText = ‘ 四大皆空 ‘ var box=document.getElementById( ‘ box ‘ )console.log(box.innerText ) 2.元素.innerHTML js设置或

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())
})
网友评论