Question

基本上我有两个javascript文件是分开但链接到一个html文件。在这个html文件中，在js部分（即脚本部分）中，我已经声明了一个变量，我想在另一个js文件的innerHTML部分中打印，我正在创建一个表。

这里我在html文件的脚本部分声明了变量：

var tab1 = document.getElementById("tab1");
tab1.innerHTML ='<p><hr></p><h3>General data</h3>' +
'<table class="table-blue">'+
'<tr><td>Path</td><td>**The variable i want to print here**</td></tr>'

以下是表格的代码

[
    {
        "a": "val_a0",
        "b": "val_b0",
        "arr":[
            {
                "c": "val_c0",
                "d": "val_d0"
            },
            {
                "c": "val_c1",
                "d": "val_d1"
            },
            {
                "c": "val_c2",
                "d": "val_d2"
            }
        ]
    },
    {
        "a": "val_a1",
        "b": "val_b1",
        "arr":[
            {
                "c": "val_c3",
                "d": "val_d3"
            },
            {
                "c": "val_c4",
                "d": "val_d4"
            },
            {
                "c": "val_c5",
                "d": "val_d5"
            }
        ]
    },
...
]

但是，我似乎找不到在html表中打印js变量的js值的方法。有什么方法可以做到这一点吗？

谢谢

Answer 1

第一路

function retrunParam(){
var varIwanttoprint = 'data/rnase.mtz';return varIwanttoprint;

}


var tab1 = document.getElementById("tab1");
tab1.innerHTML ='<p><hr></p><h3>General data</h3>' +
'<table class="table-blue">'+
'<tr><td>Path</td><td>'+retrunParam()+'</td></tr>'

第二路

var tab1 = document.getElementById("tab1");
tab1.innerHTML ='<p><hr></p><h3>General data</h3>' +
'<table class="table-blue">'+
'<tr><td>Path</td><td id="replaceHere">**The variable i want to print here**</td></tr>'

 var varIwanttoprint = 'data/rnase.mtz'
document.getElementById("replaceHere").innerHTML = varIwanttoprint;

Answer 2

如果代码的 innerHTML 部分在函数中，那么您可以将该值作为参数传递。

如果函数中没有innerHTML，请确保包含 innerHTML 代码的js文件低于 varIwanttoprint 的脚本部分，然后您可以连接该值。

var tab1 = document.getElementById("tab1");
tab1.innerHTML ='<p><hr></p><h3>General data</h3>' +
'<table class="table-blue">'+
'<tr><td>Path</td><td>'+varIwanttoprint+'</td></tr>'

将js变量打印到另一个js文件中的innerHTML调用中

2 个答案: