Ändern Sie die Abmessungen einer extern geladenen Seite

Question

Wie kann ich die Abmessungen einer Seite ändern, die ich in ein Div laden? Hier

ist das Skript, das ich die Seite in den div laden bin mit:

<a data-toggle="collapse" href="#collapse1" onclick="load_wp_1()">xxx</a></li> 
     <script type="text/javascript"> 
     function load_wp_1(){ 
      var wp = document.getElementById("content").innerHTML='<object type="text/html" data="wp_1.html" ></object>'; 
      wp.style.width = "500px"; 
} 
    </script> 

das scheint nicht wie die Seite zu arbeiten, lädt viel kleiner ist (es gibt Rollbalken im Inneren). Das mit "Inhalt" div verbundene CSS ist das folgende:

#content { 
float: left; 
width: 590px; 
padding: 40px 30px 0px 30px; 
} 

Jede Hilfe wird sehr geschätzt!

Answer 1

Sie versuchen, die Breite einer Zeichenfolge von HTML festzulegen.

Sie müssen das DOM-Element, das Sie generieren, abrufen und die Breite festlegen.

Der einfachste Weg, dies zu tun ist, das Element mit Standard-DOM an erster Stelle zu erstellen, anstatt HTML-Strings über den Ort zu mischen.

var container = document.getElementById("content"); 
// Erase existing content 
container.innerHTML = ""; 
var frame = document.createElement('iframe'); // Better supported than object elements for this 
frame.src = "wp_1.html"; 
frame.style.width = "500px"; // Set on the frame, not on the frames container 
container.appendChild(frame);