Question

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

作为一个例子，我试图使用document.GetElementById（“ vars”）。search来引用存储在search中的dna序列并将其设置为某个按钮的标题，但是最后它是不确定的。

我真的只是对如何使用变量感到困惑，如果您对我应该使用哪种格式制作HTML数据输入文件有任何想法，请共享！

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

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

</script>

Answer 1

由于“搜索”变量是一个长字符串，因此最好使用“ 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>

问题中的数据。

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

2 个答案: