他のjsファイルのinnerHTMLコールにjs変数を出力

Question

基本的に私は分離されていますが、1つのhtmlファイルにリンクされた2つのjavascriptファイルを持っています。このhtmlファイルでは、jsセクション（つまりスクリプトセクション）に、私が現在テーブルを作成している他のjsファイルのinnerHTML部分に出力したい変数を宣言しました。

ここで私は、htmlファイルのスクリプトセクションで変数を宣言：

var varIwanttoprint = 'data/rnase.mtz' 

はここ

がテーブル

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>' 

ためのコードであるしかし、私は方法を見つけるように見えることはできませんjs変数のjs値をhtmlテーブルの中に出力する。私はこれを行うことができる方法はありますか？

は、コードのinnerHTMLの部分が関数であるならば、あなたが引数として値を渡すことができますあなたの

Answer 1

ありがとうございます。

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>' 

Answer 2

第一の方法

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;