在 html 中添加属性时出错。我该如何修复它？
我试图使用Skype与HTML和爪哇脚本进行聊天。这里的问题是我无法将属性href添加到我的id中。
这里我的代码：
function el(elementId, username, action) {
document.getElementById(elementId).setAttribute("href", "skype:" + username + "?" + action);
}
function buildLinkRefs() {
var username = document.getElementById("username").value;
el("call-btn", username, "call");
el("add-to-contacts-btn", username, "add");
el("view-profile-btn", username, "userinfo");
el("voice-email-btn", username, "voicemail");
el("chat-btn", username, "chat");
el("sendfile-btn", username, "sendfile");
}
document.getElementById("username").addEventListener("change", function () {
buildLinkRefs();
}, false);
buildLinkRefs();
<input type="text" id="username" value="echo123"/><br>
<br>
<a id="call-btn">Call</a> <br>
<a id="add-to-contacts-btn">Add to contacts</a> <br>
<a id="view-profile-btn">View User Profile</a> <br>
<a id="voice-email-btn">Voice Email</a> <br>
<a id="chat-btn">Start Chat</a> <br>
<a id="sendfile-btn">Send File</a> <br>
MM们2回答
-
翻过高山走不出你
您使用了错误的事件侦听器。文本输入应使用“键控”，而不是“更改”document.getElementById('username').addEventListener('keyup', buildLinkRefs );因此，使用您的代码，它应该如下所示：function el(elementId, username, action) { document.getElementById(elementId).setAttribute("href", "skype:" + username + "?" + action);}function buildLinkRefs() { var username = document.getElementById("username").value; el("call-btn", username, "call"); el("add-to-contacts-btn", username, "add"); el("view-profile-btn", username, "userinfo"); el("voice-email-btn", username, "voicemail"); el("chat-btn", username, "chat"); el("sendfile-btn", username, "sendfile");}document.getElementById("username").addEventListener("keyup", buildLinkRefs );buildLinkRefs(); <input type="text" id="username" value="echo123"/><br> <br> <a id="call-btn">Call</a> <br> <a id="add-to-contacts-btn">Add to contacts</a> <br> <a id="view-profile-btn">View User Profile</a> <br> <a id="voice-email-btn">Voice Email</a> <br> <a id="chat-btn">Start Chat</a> <br> <a id="sendfile-btn">Send File</a> <br> -
青春有我
问题是，您的函数在加载整个页面之前被触发，因此它看不到该元素，因为该元素不可用 。因此，有很多方法可以解决它 。只需将代码放在html元素之后或下方，如下所示：username<html> <head> <title>the title</title> </head> <body> <input type="text" id="username" value="echo123"/><br> <br> <a id="call-btn">Call</a> <br> <a id="add-to-contacts-btn">Add to contacts</a> <br> <a id="view-profile-btn">View User Profile</a> <br> <a id="voice-email-btn">Voice Email</a> <br> <a id="chat-btn">Start Chat</a> <br> <a id="sendfile-btn">Send File</a> <br> <!-- ### PLACE HERE YOUR CODE AFTER YOUR HTML CONTENT --> <script type="text/javascript" language="javascript"> function el(elementId, username, action) { document.getElementById(elementId).setAttribute("href", "skype:" + username + "?" + action); } function buildLinkRefs() { var username = document.getElementById("username").value; el("call-btn", username, "call"); el("add-to-contacts-btn", username, "add"); el("view-profile-btn", username, "userinfo"); el("voice-email-btn", username, "voicemail"); el("chat-btn", username, "chat"); el("sendfile-btn", username, "sendfile"); } document.getElementById("username").addEventListener("change", function () { buildLinkRefs(); }, false); buildLinkRefs(); </script>
随时随地看视频慕课网APP
相关分类
JavaScript