Как получить элементы из файла JavaScript и поместить их в элементы HTML

Question

Так что я очень плохо знаком с HTML, и я пытался взять выходной файл txt, преобразовать его в пригодные для использования данные и ввести эти данные в HTML, изменяя различные значения атрибутов, такие как title и innerHTML

В качестве примера я пытался использовать document.GetElementById ("vars"). Search, чтобы ссылаться на последовательность днк, хранящуюся в поиске, и устанавливать для нее заголовок какой-то кнопки, но он оказался неопределенным.

Я просто запутался в том, как использовать переменные, и если у вас есть какие-либо идеи относительно того, в каком формате я должен сделать файл ввода данных для 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>

данные в вашем вопросе.