相對於舊的線高度值更改線高度屬性

Question

是否有任何解決方案可以相對於舊的線高度值更改線高度並減少或增加它？

（我的目標是增加或web視圖Android中減少行高度，但我知道我可以用一些CSS或JavaScript做這樣的問題標籤是JavaScript和CSS）。

Answer 1

嗯，是的。

// Get a reference to the element to be changed 
 
var theP = document.querySelector("p"); 
 

 
// Set up a click event handler for the button 
 
document.querySelector("button").addEventListener("click", function(){ 
 

 
    // Get the numeric portion of the current line-height property 
 
    var h = parseInt(window.getComputedStyle(theP, null).lineHeight); 
 
    
 
    // Set the new value to twice the old value and add the unit back on to the string 
 
    theP.style.lineHeight = (h * 2) + "px"; 
 
});

p { line-height:10px; }

<button>Double the line height</button> 
 
<p>The quick brown fox jumped over the lazy dog.<br>But, when he did, the dog bit his tail</p>