Question

我想要使用document.documentElement.innerHTML =＆＃39; TEXT＆＃39 ;;创建文本的代码。元素，但我不知道如何集中它。我可以使用CSS或更好地使用HTML中的任何功能吗？我在脚本中使用了一些循环，但我现在想把它设置在页面的中心.. 当我尝试任何事情时，每次失败。因为我不知道我必须从哪里开始＆＃34;对齐＆＃34;文本。

＆＃13;

@CHARSET "UTF-8";
.script-class {
    width: 70px;
    height: 300px;
    border: 1px solid #c3c3c3;
    
    -webkit-align-content: center;
}

h1 {
    color: navy;
    margin-left: 20px;
}

#page-wrap {
     width: 800px;
     margin: 0 auto;
}

＆＃13;

<!DOCTYPE html>
<html>
<head>
    <title>Projekt 1</title>
    <link rel="stylesheet" type="text/css" href="style_menu.css">
</head>

<body>
<p id="demo"></p>
<div id="page-wrap">

<script class="script-class">
    for(var i=0; i<10; i++) {
      console.log('Ok');
      update();
      //Code here
    }
   
    function update(){
      var delayInMilliseconds = 500; //1 second                        
      setTimeout(function() {
        //your code to be executed after 1 second
        console.log('Ok bro');
        document.documentElement.innerHTML = 'TEXT';
        new Audio('http://xehos.cz/testy/13290__schademans__pipe9.wav').play()
        reflush();
      }, delayInMilliseconds);
    }

    function reflush(){
      var delayInMilliseconds = 200; //1 second
      setTimeout(function() {
        //your code to be executed after 1 second
        console.log('Reflushed');
        document.documentElement.innerHTML = '';
        update();
      }, delayInMilliseconds);
    }
</script>

</div>
</body>
</html>

＆＃13;

感谢您的帮助，亚当

Answer 1

html {
    text-align: center
}

在你的CSS中

编辑：或者，在您的JS内部，将文档中的所有内容替换为文本后，您可以

document.documentElement.style["text-algin"] = "center";

Answer 2

也许这个：

var wrap = document.createElement('p');
wrap.innerHTML = "TEXT";
wrap.style["text-align"] = "center";
document.body.appendChild(wrap);

您还可以使用wrap.id = "id"为其添加ID，以更改reflush功能中的内容：

function reflush(){
  document.getElementById('myId').innerHTML = "";

}

Answer 3

在代码生效后添加document.documentElement.style.textAlign = “center”;。它通过JavaScript访问元素css，并将text-align设置为center。

如何设置document.documentElement.innerHTML =＆＃39; TEXT＆＃39 ;;

3 个答案: