javascript - 是否可以使用 JavaScript 更改元素的值

Question

我正在尝试使用 JavaScript 插件更改第三方网页上元素的值以显示超链接

我已经在页面上找到了链接，我希望能够单击它我认为使用 document.getElementById 是正确的，尽管我不确定如何将 id 更改为“a href”，然后如何将其传递回值。

抱歉，这是一个有点棘手的情况，所以我会尽力解释它。在我们用于人力资源相关任务的第三方网页上，有一个标题为“文件链接”的部分，尽管这不是链接。当您将地址复制并粘贴到浏览器中时，它会显示该文件。我想做的是在“文件链接”部分创建一个超链接，以消除复制和粘贴链接的需要。因为这是第三方网站。我们可以访问网站上的JavaScript，需要将地址更改为超链接。我不完全确定这是可能的。元素 id 是“__C_cb_file_link”，我想使用变量将链接地址插入到元素中，然后将链接参数添加到变量中，然后将其重新插入到元素/值中。

function linkIt() {        
        var intoLink = document.getElementById("__C_cb_file_link");  
        var hLink = "<a href="+intoLink+"</a>;  
        intoLink.value = hLink;  
 }  
window.onload = linkIt();

<td><div class="sui-disabled" title="">m-files://view/37FF751C-A23F-4233-BD8B-243834E67731/0-46524?object=C46A7624-D24B-45F3-A301-5117EFC1F674</div>
<input type="hidden" name="__C_cb_file_link" id="__C_cb_file_link" value="m-files://view/37FF751C-A23F-4233-BD8B-243834E67731/0-46524?object=C46A7624-D24B-45F3-A301-5117EFC1F674"/></td></tr>

Answer 1

在下面的代码中，我们首先使用新链接读取输入值(但是我们可以从其他 html 标签读取该值)，然后删除该元素(和按钮)并将新链接添加到(已删除输入的)父元素

function linkIt() {
  let intoLink = __C_cb_file_link.value;
  let parent  = __C_cb_file_link.parentNode;
  __C_cb_file_link.remove();
  btn.remove();
  parent.innerHTML += `<a href="${intoLink}">${intoLink}</a>`; 
}

<input id="__C_cb_file_link" value="https://example.com">
<button id="btn" onclick="linkIt()">Link It</button>