请问如何修改页面中的object中style的width和height的属性值？我使用了innerHTML的方法结果却显示为……

标签：修改object控件的style的width和height属性

我用过网上很多的修改属性的方法，但是都没有能够修改object的宽度和高度的值，因为我的object是用VLC播放的控件嵌入到页面中，VLC的宽度和高度是只读属性，要想修改其属性，只能将“<object id="video0" align="middle" classid="clsid:591D3014-8D3C-4BA0-869B-008B23125E0C……</object>”这些内容换掉，在网上无意间看到innerHTML的用法，但是我使用完之后的效果却并非我想要得到的效果：

修改的代码如下：

var src = document.getElementById("videoContainer").innerHTML;

src=\‘#\‘" id="video0" align="middle" classid="clsid:591D3014-8D3C-4BA0-869B-008B23125E0C" style="width:1280px;height:720px;" events="True">‘;

src=src + ‘<param name="ShowDisplay" value="True"/>‘;

src=src + ‘<param name="AutoLoop" value="no"/>‘;

src=src + ‘<param name="AutoPlay" value="no"/>‘;

src=src + ‘<embed src="True" width="672" height="257" showdisplay="True" autoloop="no" autoplay="no"></embed>‘;

console.log("----------------------20150710---------------1-----------------%s\n",src);

src=src + ‘</object>‘;

本来以为使用以上的方法可以直接将<object>……</object>之间的内容换掉，但是因为没看到想要实现的效果，所以添加了一个打印信息：

console.log("----------------------20150710---------------1-----------------%s\n",src);这句话打印出来的信息是：

<PARAM NAME="AutoLoop"VALUE="0"><PARAM NAME="AutoPlay"VALUE="-1"><PARAM NAME="Toolbar"VALUE="0"><PARAM NAME="ExtentWidth"VALUE="33866"><PARAM NAME="ExtentHeight"VALUE="19050"><PARAM NAME="MRL"VALUE=""><PARAM NAME="Visible"VALUE="-1"><PARAM NAME="Volume"VALUE="50"><PARAM NAME="StartTime"VALUE="0"><PARAM NAME="BaseURL"VALUE="http://192.168.10.108/setup.cgi?next_file=Liveview.html"><PARAMNAME="BackColor" VALUE="0"><PARAMNAME="FullscreenEnabled" VALUE="0">

                  <param name="ShowDisplay"value="True">

                  <paramname="AutoLoop" value="no">

                  <paramname="AutoPlay" value="no">

                  <embedheight="257" width="672" src="True"autoplay="no" autoloop="no"showdisplay="True">

为什么得到的结果不是以下的代码：

var src = document.getElementById("videoContainer").innerHTML;

<object id="video0" align="middle" classid="clsid:591D3014-8D3C-4BA0-869B-008B23125E0C" style="width:1280px;height:720px;" events="True">;

<param name="ShowDisplay" value="True"/>;

<param name="AutoLoop" value="no"/>;

<param name="AutoPlay" value="no"/>;

<embed src="True" width="672" height="257" showdisplay="True" autoloop="no" autoplay="no"></embed>;

请各位高人指示：

html

本文出自 “9684632” 博客，请务必保留此出处http://9694632.blog.51cto.com/9684632/1673291

请问如何修改页面中的object中style的width和height的属性值？我使用了innerHTML的方法结果却显示为……

标签：修改object控件的style的width和height属性

原文地址：http://9694632.blog.51cto.com/9684632/1673291