如何从javascript文件中获取元素并将它们放入HTML元素中

Question

所以我对HTML很新，我试图获取一个txt输出文件，将其转换为可用数据，并将该数据输入HTML，更改各种属性值，如title和innerHTML

作为一个例子，我试图使用document.GetElementById（“vars”）。搜索引用搜索中存储的dna序列并将其设置为某个按钮的标题，但结果是未定义的。

我真的只是对如何使用变量感到困惑，如果你对我应该为HTML格式输入数据的格式有任何想法请分享！

<script id = "vars" type = "text/javascript">

      var seqId = "Chr23";
      var search = "CCATGCGAATGCTGATATCGTAGCAAAAACACAGGGACGGTGCGAAAGAAGAGGGATTTTATTTTGTTTTCGCCTGGCAATTGAGTAATGGCCGGACTCCTTCACCTGACCAAGCAGTGCAGCATCCACCTACCCGCCCACTTGGGACGCGCGAAATGCTACACACTCGCTAAGGGACCGGGAACACACGTGCAGGCAAGAGTG";

</script>

Answer 1

由于'search'变量是一个长字符串，因此最好使用'p'标记而不是'button'标记。试试这个：

var seqId = "Chr23";
var search = "CCATGCGAATGCTGATATCGTAGCAAAAACACAGGGACGGTGCGAAAGAAGAGGGATTTTATTTTGTTTTCGCCTGGCAATTGAGTAATGGCCGGACTCCTTCACCTGACCAAGCAGTGCAGCATCCACCTACCCGCCCACTTGGGACGCGCGAAATGCTACACACTCGCTAAGGGACCGGGAACACACGTGCAGGCAAGAGTG";	
document.getElementById("p1").innerHTML=search;

<p id="p1">SearchContent</p>

`

Answer 2

这是一个基于的粗略例子

const seqId = "Chr23";
const search = "CCATGCGAATGCTGATATCGTAGCAAAAACACAGGGACGGTGCGAAAGAAGAGGGATTTTATTTTGTTTTCGCCTGGCAATTGAGTAATGGCCGGACTCCTTCACCTGACCAAGCAGTGCAGCATCCACCTACCCGCCCACTTGGGACGCGCGAAATGCTACACACTCGCTAAGGGACCGGGAACACACGTGCAGGCAAGAGTG";

document.onreadystatechange = function() {
  if (document.readyState == "interactive") {

    document.getElementById('myButton').innerHTML = search;

  }
}

<button id="myButton">MyButtonTitle</button>

您问题中的数据。