亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

javascript link() 方法在列表中輸出

javascript link() 方法在列表中輸出

眼眸繁星 2023-09-28 16:39:24
我正在嘗試創建一個供個人使用的書簽 html 文件。它使用 javascript“string.link()”方法。問題是它只輸出一次。我希望它循環并收集我輸入的所有鏈接。這是 html 文件:<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Bookmarks</title>  <script>    function toURL() {      debugger      var strText = document.getElementById("url_descrip").value;      var strText1 = document.getElementById("url").value;      var result = strText.link(strText1); // url address              document.getElementById("itemlist").innerHTML = result;    }  </script></head><body>  <form>    <input type="text" name="Descrip" id="url_descrip" placeholder="Descrip">    <input type="text" name="URL" id="url" placeholder="URL">    <input type="button" value="Submit" id="btnSubmit" onclick="toURL()">  </form>  <div>    <ol id="itemlist"></ol>  </div></body></html>
查看完整描述

3 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

據我了解,您想將此鏈接添加到#itemlist. 只需使用

document.getElementById("itemlist").innerHTML += result + '<br />';

這會將結果添加到 的現有內容中#itemlist,并在其后添加換行符以使每個鏈接都在新行中。


查看完整回答
反對 回復 2023-09-28
?
素胚勾勒不出你

TA貢獻1827條經驗 獲得超9個贊

您需要將文件保存在某個地方,并且需要能夠再次讀取它。


現在,為了能夠顯示列表,您可以這樣做


document.getElementById("itemlist").innerHTML += '<li>' + result + '</li>'

或者更節省的東西:


const links = [];

document.getElementById("urlForm").addEventListener("submit", function(e) {

  e.preventDefault();

  var strText = document.getElementById("url_descrip").value;

  var strText1 = document.getElementById("url").value;

  links.push(strText.link(strText1)); // url address        

  document.getElementById("itemlist").innerHTML = `<li>${links.join("</li><li>")}</li>`

})

<form id="urlForm">

  <input type="text" name="Descrip" id="url_descrip" placeholder="Descrip">

  <input type="text" name="URL" id="url" placeholder="URL">

  <input type="submit" value="Submit">

</form>

<div>

  <ol id="itemlist"></ol>

</div>


查看完整回答
反對 回復 2023-09-28
?
MYYA

TA貢獻1868條經驗 獲得超4個贊

改變

document.getElementById("itemlist").innerHTML = result;

document.getElementById("itemlist").append(Object.assign(document.createElement('li'), {innerHTML: result}));



查看完整回答
反對 回復 2023-09-28
  • 3 回答
  • 0 關注
  • 157 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號