第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

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

眼眸繁星 2023-09-28 16:39:24
我正在嘗試創(chuàng)建一個供個人使用的書簽 html 文件。它使用 javascript“string.link()”方法。問題是它只輸出一次。我希望它循環(huán)并收集我輸入的所有鏈接。這是 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條經(jīng)驗 獲得超6個贊

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

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

這會將結(jié)果添加到 的現(xiàn)有內(nèi)容中#itemlist,并在其后添加換行符以使每個鏈接都在新行中。


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

TA貢獻1827條經(jīng)驗 獲得超9個贊

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


現(xiàn)在,為了能夠顯示列表,您可以這樣做


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

或者更節(jié)省的東西:


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>


查看完整回答
反對 回復(fù) 2023-09-28
?
MYYA

TA貢獻1868條經(jīng)驗 獲得超4個贊

改變

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

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



查看完整回答
反對 回復(fù) 2023-09-28
  • 3 回答
  • 0 關(guān)注
  • 169 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號