当前位置：极客教程 > JavaScript > JavaScript 精品文章 > JavaScript 如何将按钮与复选框和文本框放在同一行

JavaScript 如何将按钮与复选框和文本框放在同一行

在HTML DOM中，使用“display”属性来设置元素的“display”属性。使用 inline 属性将按钮与网页的其他元素放在同一行。

语法：

它返回“display”属性。

object.style.display

它设置了“display”属性。

object.style.display = inline;

示例： 在这个示例中，点击按钮时，按钮将与复选框位于同一行中。

<body> 
    <script> 
        function myGeeks() { 
            document.getElementById("GFG") 
                .style.display = "inline"; 
        } 
    </script> 
      
    <div id="GFG"> 
        <input type="checkbox" checked> computer 
        <input type="checkbox"> mobile 
      
        <input type="text"> 
    </div> 
      
    <button onclick="myGeeks()"> 
        Press 
    </button> 
</body>