Question

我找到了一些创建动画svg页面背景的JS。我想只在一个响应的DIV中使用它，类=＆＃34; exercise＆＃34;。我只是学习JS而且我无法弄清楚如何更改此代码以获得svg内部的DIV高度。由于DIV是全屏宽度，我只需要获得高度。这是相关代码：

＆＃13;

    var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
    svg.setAttribute('width',window.innerWidth);
    svg.setAttribute('height',window.innerHeight);
    document.querySelector('.workout').appendChild(svg);

＆＃13;

Answer 1

谢谢你，乔治！这帮助我弄清楚该怎么做。以下是有效的代码：

    var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
    var divHeight = document.getElementsByClassName('workout')[0].clientHeight;
    svg.setAttribute('width',window.innerWidth);
    svg.setAttribute('height',document.divHeight);
    document.querySelector('.workout').appendChild(svg);

javascript为svg动画获得响应div高度

1 个答案: