Question

好的，我一直在四处寻找，但找不到我想要的东西。我想要一个javascript函数，理想地转换像这样的标记

<a href="https://www.outlook-apps.com/blog/">
Tips &amp; Tricks – Outlook Tools &amp; Utilities</a>

into this

Tips &amp; Tricks – Outlook Tools &amp; Utilities    
https://www.outlook-apps.com/blog/

是否有可以在那里使用的库？

Answer 1

这是：

＆＃13;

const a = document.querySelector('a');
const src = a.href;
const sentence = a.textContent;
const parent = a.parentElement;

const text = document.createTextNode(`${sentence} 
${src}`);

window.setTimeout(() => {

  parent.insertBefore(text, a);
  parent.removeChild(a);
}, 2000);

＆＃13;

<a href="https://www.outlook-apps.com/blog/">
Tips &amp; Tricks – Outlook Tools &amp; Utilities</a>

＆＃13;

旧

＆＃13;

function makeAsText(selector) {
  var a = document.querySelector(selector);
  var src = a.href;
  var sentence = a.textContent;
  var parent = a.parentElement;

  var text = document.createTextNode(
    sentence + '\n' + src
  );

  parent.insertBefore(text, a);
  parent.removeChild(a);
  
}

makeAsText('a');

＆＃13;

    <a href="https://www.outlook-apps.com/blog/">
    Tips &amp; Tricks – Outlook Tools &amp; Utilities</a>

＆＃13;

Answer 2

你可以这样做：

＆＃13;

<script type="text/javascript">
   
var url="https://www.outlook-apps.com/blog/";  
window.onload = function() {
       //when the document is finished loading, replace everything
       //between the <span> </span> tags with the value of url
   document.getElementById("url").innerHTML=url;
} 
   
</script>
<a href="https://stacksnippets.net/url">
    Tips &amp; Tricks – Outlook Tools &amp; Utilities:         
</a>
<br/><span id="url"></span>

＆＃13;

javascript将html链接翻译成文本并将URL保留为文本

2 个答案:

旧