[英]How to split a HTML page without access to the HTML, e.g. using split.js?
我有一個 static HTML 頁面，我無法更改 HTML 部分，所以我相信我只能使用 JavaScript 修改頁面。
我想通過水平拆分/裝訂線將頁面分成兩部分，可能使用split.js 。
頁面只有兩個這樣的div
<body>
<div class=Foo>
<div align=center>
...
</div>
</div>
</body>
是否可以將拆分放入此頁面？
我沒有使用過 split.js 但這是你想要的嗎？ 您可以優化代碼，但可以通過刪除元素並對它們設置樣式並將它們添加回去來實現拆分。JS代碼：
const outerDiv = document.querySelector('body > div');
const innerDiv = document.querySelector('body > div > div');
const outerFirst = outerDiv.firstElementChild;
outerDiv.removeChild(outerFirst);
innerDiv.removeAttribute('align');
outerDiv.removeAttribute('class');
const body = document.querySelector('body');
body.innerHTML = '';
outerDiv.style.width = '50%';
outerDiv.style.float = 'left';
innerDiv.style.width = '50%';
innerDiv.style.float = 'left';
body.appendChild(outerDiv);
body.appendChild(innerDiv);
編輯：水平分割：
const outerDiv = document.querySelector('body > div');
const innerDiv = document.querySelector('body > div > div');
const outerFirst = outerDiv.firstElementChild;
outerDiv.removeChild(outerFirst);
innerDiv.removeAttribute('align');
outerDiv.removeAttribute('class');
const body = document.querySelector('body');
body.innerHTML = '';
body.appendChild(outerDiv);
body.appendChild(innerDiv);
Split([outerDiv, innerDiv], {
direction: 'vertical',
sizes: [50, 50]
});
如何在特定的JavaScript代碼中加載外部HTML頁面？ 例如，在JS函數中
[英]How to load an external HTML page within a specific JavaScript code? E.g. Within a JS function
如何從外部訪問Babel生成的類，例如在HTML源代碼中？
[英]How to access Babel generated classes externally, e.g. in HTML source?
如何在不請求外部頁面的情況下重用angular-js通用標記（例如，小部件）？
[英]How to reuse angular-js common mark up (e.g. widget) without requesting external page?
如何通過程序（例如HTML，JS，PHP）更改瀏覽器的pdf查看器？
[英]How to change the browsers' pdf viewer through program (e.g. HTML, JS, PHP )?
如何使用Javascript檢查html中的父元素是否是特定的標記名（例如span）
[英]How to check if parent element in html is specific tagname (e.g. span) using Javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.