Hướng dẫn change value of anchor tag in javascript - thay đổi giá trị của thẻ neo trong javascript

Giả sử video-quality div sẽ chỉ có một mỏ neo trong đó, bạn không còn xa nữa:one anchor in it, you're not far off:

var vid_id=document.getElementById('video-quality');
var anchor=vid_id.getElementsByTagName('a');
anchor[0].innerHTML="High Quality";
//    ^^^-- change here

(Có một cách ngắn hơn nếu bạn không cần hỗ trợ IE7 và sớm hơn, hãy xem câu trả lời của David để biết thêm.)

Chìa khóa là trong tên getElementsByTagName (lưu ý số nhiều). Nó trả về một NodeList, không phải là một yếu tố. Một NodeList là (gây sốc!) Một danh sách các nút phù hợp, trong trường hợp này là các yếu tố phù hợp. innerHTML là một thuộc tính của các yếu tố riêng lẻ, vì vậy chúng tôi phải lập chỉ mục vào NodeList để truy cập vào một yếu tố cụ thể. Mã trên giả định có ít nhất một phần tử phù hợp và cập nhật HTML của nó. Nếu bạn muốn phòng thủ nhiều hơn:

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

Điều đó cho phép khả năng không có neo phù hợp.

Lưu ý rằng bằng cách này, bạn đang loại bỏ phần tử span, vì span là hậu duệ của mỏ neo. Nếu bạn muốn tránh điều đó, chỉ cần tìm các yếu tố span là hậu duệ của mỏ neo, chính xác như bạn đã tìm kiếm neo trong div.

FWIW, tôi khuyên bạn nên sử dụng một thư viện JavaScript hợp lý như JQuery, YUI, đóng cửa hoặc bất kỳ ai trong số các thư viện khác. Chúng cung cấp rất nhiều chức năng tiện ích và trơn tru hơn một số khác biệt của trình duyệt. Nhưng nếu bạn thích sử dụng trực tiếp DOM, điều đó cũng tốt.

Vui lòng sử dụng trình biên dịch trực tuyến của chúng tôi để đăng mã trong các nhận xét bằng C, C ++, Java, Python, JavaScript, C#, PHP và nhiều ngôn ngữ lập trình phổ biến hơn.

Như chúng tôi? Giới thiệu chúng tôi với bạn bè của bạn và giúp chúng tôi phát triển. Mã hóa hạnh phúc :)

Làm cách nào để thay đổi thẻ neo?

JS

HTML

& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôi

& nbsp; & nbsp; & nbsp; & nbsp; thay đổi văn bản neo
Note that

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

Thay vào đó, bạn cũng có thể sử dụng phương thức

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

JS

HTML

& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôi

& nbsp; & nbsp; & nbsp; & nbsp; thay đổi văn bản neo

Chỉnh sửa trong JSfiddle

JS

HTML

& nbsp; Ngoài ra, bạn có thể sử dụng phương thức

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

JS
Alternatively, you can use the

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôi

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

& nbsp; Ngoài ra, bạn có thể sử dụng phương thức

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

JS
If you want to be more specific, you can use the

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

& nbsp; & nbsp; & nbsp; & nbsp; nhấp vào tôi

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

& nbsp; Ngoài ra, bạn có thể sử dụng phương thức

var vid_id=document.getElementById('video-quality');
var anchors=vid_id.getElementsByTagName('a');
if (anchors[0]) {
    anchors[0].innerHTML="High Quality";
}

JS

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

}

HTML :)

Làm cách nào để thay đổi thẻ neo?

Chúng ta có thể đặt giá trị trong thẻ neo không?

Làm cách nào để thay đổi thẻ neo trong văn bản?

Mã JavaScript nào giúp thay đổi nội dung của thẻ neo?