js 获得元素 的lineheight

要获得元素的行高（line-height），您可以使用以下 JavaScript 代码：

var element = document.getElementById("your-element-id"); // 替换为实际的元素 id
var lineHeight = window.getComputedStyle(element).lineHeight;
console.log(lineHeight);

在上述代码中，我们使用 `getElementById` 方法获取指定 id 的元素，并将其赋值给 `element` 变量。然后，使用 `getComputedStyle` 方法获取元素的计算样式（包括 `line-height`），并将其赋值给 `lineHeight` 变量。最后，使用 `console.log` 打印行高到控制台。

请注意，`lineHeight` 返回的是一个字符串，表示行高的值。如果您需要数值类型的行高，可以使用 `parseInt` 或 `parseFloat` 方法进行解析。例如：

var lineHeightValue = parseInt(lineHeight);
console.log(lineHeightValue);

在上述代码中，我们使用 `parseInt` 将行高字符串解析为整数，并将其赋值给 `lineHeightValue` 变量。然后，使用 `console.log` 打印数值类型的行高到控制台。

相关问题

lineheight继承，行高的百分比继承比较特殊

在CSS中，行高的百分比继承比较特殊。具体来说，当一个元素的行高属性被设置为百分比值时，它会继承其父元素的字体大小而不是行高。

例如，如果父元素的字体大小为16px，行高为1.5，同时子元素的行高设置为150%，那么子元素的行高将会是24px（16px * 1.5），而不是父元素的行高1.5乘以150%。

这是因为行高的百分比值是相对于元素字体大小计算的，而不是相对于元素行高计算的。因此，在设置行高时，应该根据具体情况选择合适的单位和值，以确保正确的继承行为。

line.setAttribute( "y1", DrawLineConf.initY - i * DrawLineConf.LineHeight );的目的

这行代码的目的是设置SVG `<line>`元素的起点y坐标（y1）为`DrawLineConf.initY - i * DrawLineConf.LineHeight`，其中`i`是一个循环变量，代表当前是第几条线。这个表达式的含义是：每条线之间的距离是`DrawLineConf.LineHeight`，因此第一条线的起点y坐标为`DrawLineConf.initY`，第二条线的起点y坐标为`DrawLineConf.initY - DrawLineConf.LineHeight`，第三条线的起点y坐标为`DrawLineConf.initY - 2 * DrawLineConf.LineHeight`，以此类推。这样就能够按照一定间距在SVG画布上绘制多条平行的线。