有沒有辦法可以根據用戶輸入的 getElementById 創建超鏈接或鏈接?
這是我的用戶輸入代碼:
<input type="text" class="form-control" id="first_name" name="first_name" placeholder="First Name">
<input type="text" class="form-control" id="last_name" name="last_name" placeholder="Last Name">
<br><button type="button" onClick="generateURLX();">Generate URL</button></br>
這是我在函式中確定那些 id 的部分
<script>
function generateURLX()
{
var partx = document.getElementById('first_name').value;
var party = document.getElementById('last_name').value;
var urlx = "https://example.com/" partx "/" party ".html";
document.getElementById('resultx').innerHTML = urlx;
</script>
這是我顯示超鏈接的地方:
<span id="resultx"></span>
我嘗試使用 <a href 但我未能為基本上基于 var urlx 的特定 id=resultx 創建超鏈接
<a href="#resultx"></a>
uj5u.com熱心網友回復:
好吧,你計算了urlx正確的值?
您需要的是您要處理的超鏈接的標識,然后您可以使用以下內容:
HTML
<a id="linkx" href=""><;/a>
代碼
document.getElemebtById("linkx").href = urlx;
它應該可以正常作業。
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/533023.html
