我有一個頁面(其中一個),每個頁面都有一個 html 表格,其中包含 3 個標題單元格(尺寸、高度、寬度)和 3 個值單元格,例如“100 x 50”、100、50
我的目標是在頁面底部創建鏈接到 url 示例,這些示例的尺寸與這些類似,略大,略小。
我從動態生成的表中收集數字并使用以下方法添加或減去以獲取新值:`
var $ = jQuery;
$(function () {
$('#table_1 tr').each(function() {
var heightAdd1 = parseInt($(this).find("td").eq(1).html()) 1;
var heightLess1 = parseInt($(this).find("td").eq(1).html())-1;
var widthAdd1 = parseInt($(this).find("td").eq(2).html()) 1;
var widthLess1 = parseInt($(this).find("td").eq(2).html())-1;
`等
然后,我使用以下方法將它們放入一個新的 url 鏈接中:
$("a#heightAdd1widthAdd1").attr("href", "https://www.example.com/" heightAdd1 "-by-" widthAdd1);
我希望鏈接文本在頁面上顯示為例如 '101-by-51' '99-by-49' 以及生成的任何數字變化。
在html頁面上我有`
<a id="heightAdd1widthAdd1" href="#">height 1 width 1</a><br>
<a id="heightLess1widthLess1" href="#">height-1 width-1</a>
I try to overwrite this fixed text using:
let textNode = document.createTextNode(heightAdd1 "-by-" widthAdd1);
document.getElementById("heightAdd1widthAdd1").innerHTML = document.body.appendChild(textNode);
` 但是我在頁面上得到的輸出將其覆寫為僅顯示仍然具有正確 url 鏈接的“[object Text]”。
如何獲取要讀取的 url 鏈接文本而不是“[object Text]”,例如“101-by-51”?小提琴示例在這里https://jsfiddle.net/qm9cLs0o/如果您洗掉第 33 和 34 行,則 html 中的原始文本再次顯示。將滑鼠懸停在鏈接上顯示網址正確。
uj5u.com熱心網友回復:
你不需要創建一個文本節點(第 33 行),使用 innerText 并直接輸出它,這就是我將如何做這行 34 應該是:
document.getElementById("heightAdd1widthAdd1").innerText = heightAdd1 "-by-" widthAdd1;
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/475264.html
標籤:javascript html jQuery
下一篇:如何推斷交叉表分析?
