Lấy giá trị của văn bản từ một đối tượng văn bản trong JavaScript

Question

Tôi có một file HTML chứa các dòng sau:

<div><img src="img1.gif"><br>My Text</div> 

Tôi đang cố gắng để chọn cụm từ "Văn bản của tôi" sử dụng JavaScript để tôi có thể thay đổi nó. Tôi có thể lấy đối tượng chứa văn bản bằng cách sử dụng lastChild, nhưng không thể tìm ra cách để lấy giá trị của văn bản.

Answer 1

<div id="test"><img src="img1.gif"><br>My Text</div> 

function getText(obj) { 
    return obj.textContent ? obj.textContent : obj.innerText; 
} 

function setText(obj, to) { 
    obj.textContent? obj.textContent = to : obj.innerText = to; 
} 

getText(document.getElementById('test')) // 'My Text' 
setText(document.getElementById('test').lastChild, 'bar') 

Lưu ý: innerText là dành cho IE DOM, textContent là dành cho phần còn lại của DOM API phù hợp như Mozillas.

Answer 2

nếu bạn có

<div><img src="img1.gif"><br><span>My Text</span></div> 

sau đó bạn có thể làm

lastChild.innerHTML được giá trị và bạn cũng có thể làm

lastChild.innerHTML="new text" 

Answer 3

thử này

.InnerText 

Answer 4

var x = the object you got 
var theOldText = x.innerText 
x.innerText = "new text" 

Answer 5

Đề xuất của tôi là đặt giá trị mà bạn muốn thay đổi trong phần tử riêng của nó mà bạn có thể xác định. Sau đó, bạn có thể sử dụng một dòng đơn giản của jQuery:

<div><img src="img1.gif"><br><div id='myText'>My Text</div></div> 

$('#myText').text('new text'); 

Answer 6

bạn có thể truy cập nội dung văn bản của [đối tượng văn bản] bởi thuộc tính "dữ liệu". tài sản này là R/W để bạn có thể sử dụng nó để đọc văn bản cũng như để viết nó.

<div><img id="my_img_1" src="img1.gif">My Text</div> 
<script> 
    alert('my current text = ' + lastChild.data); 
    lastChild.data = 'new text'; 
</script> 

bạn có thể tìm thêm here