Javascript 查找元素的宽度，而不是maxwidth

如何找到元素的宽度

我将maxwidth设置为100px，width设置为auto。我正试图动态地找到它的确切宽度，这可能是offsetWidth真正应该起作用的。尝试调整结果窗口的大小，您将看到div大小的更新

document.getElementById("id").offsetWidth;

请确保使用offsetWidth，而不是offsetWidth注释大写。

offsetWidth确实应该起作用。尝试调整结果窗口的大小，您将看到div大小的更新

document.getElementById("id").offsetWidth;

---

确保使用offsetWidth，非offSetWidth注释大写。

<style type="text/css">
        #test_max_width{
            max-width : 100px;
            float:left;
        }
    </style>
    <div id="test_max_width">s</div>
    <input type="button" value="more" id="addcontent"/>
    <script type="text/javascript">
        var output = document.getElementById( "test_max_width" );
        document.getElementById( "addcontent" ).onclick= function  (  ) {
            output.innerHTML += output.innerHTML;
            console.log ( output.offsetWidth );
        };
    </script>

---

添加一个浮点或使其内联

<style type="text/css">
        #test_max_width{
            max-width : 100px;
            float:left;
        }
    </style>
    <div id="test_max_width">s</div>
    <input type="button" value="more" id="addcontent"/>
    <script type="text/javascript">
        var output = document.getElementById( "test_max_width" );
        document.getElementById( "addcontent" ).onclick= function  (  ) {
            output.innerHTML += output.innerHTML;
            console.log ( output.offsetWidth );
        };
    </script>

---

尝试用小写字母s表示offsetWidth，而不是offSetWidthGuys，非常感谢您的回复。offsetWidth确实有效！有两个标签彼此相隔呈现&显然我拉第二个标签的逻辑不正确，所以它总是用第一个元素的宽度（100px）来提醒我。真的很感谢你的时间：-用小写s代替offsetWidth，而不是offSetWidthGuys，非常感谢你的回复。offsetWidth确实有效！有两个标签彼此相隔呈现&显然我拉第二个标签的逻辑不正确，所以它总是用第一个元素的宽度（100px）来提醒我。真的很感谢你的时间：-维迪格斯，非常感谢你的回复。offsetWidth确实有效！有两个标签彼此相隔呈现&显然我拉第二个标签的逻辑不正确，所以它总是用第一个元素的宽度（100px）来提醒我。真的很感谢你的时间：-维迪格斯，非常感谢你的回复。offsetWidth确实有效！有两个标签彼此相隔呈现&显然我拉第二个标签的逻辑不正确，所以它总是用第一个元素的宽度（100px）来提醒我。真的很感谢你的时间：-维迪格斯，非常感谢你的回复。offsetWidth确实有效！有两个标签彼此相隔呈现&显然我拉第二个标签的逻辑不正确，所以它总是用第一个元素的宽度（100px）来提醒我。真的非常感谢您的所有时间：-Vidi@vidi，没问题！如果这个答案对你有帮助，你介意接受吗？单击此答案对应的复选标记的轮廓。谢谢伙计们，非常感谢你们的回复。offsetWidth确实有效！有两个标签彼此相隔呈现&显然我拉第二个标签的逻辑不正确，所以它总是用第一个元素的宽度（100px）来提醒我。真的非常感谢您的所有时间：-Vidi@vidi，没问题！如果这个答案对你有帮助，你介意接受吗？单击此答案对应的复选标记的轮廓。谢谢