define( 'WPCF7_AUTOP', false );
function display_element($element, &$children_elements, $max_depth, $depth = 0, $args, &$output) { // вывод элемента
if ( $element->current ) $element->classes[] = 'active'; // если элемент активный надо добавить бутстрап класс для подсветки
$element->is_dropdown = !empty( $children_elements[$element->ID] ); // если у элемента подменю
if ( $element->is_dropdown ) { // если да
if ( $depth === 0 ) { // если li содержит субменю 1 уровня
$element->classes[] = 'dropdown'; // то добавим этот класс
if ($this->open_submenu_on_hover) $element->classes[] = 'show-on-hover'; // если нужно показывать субменю по хуверу
} elseif ( $depth === 1 ) { // если li содержит субменю 2 уровня
$element->classes[] = 'dropdown-submenu'; // то добавим этот класс, стандартный бутстрап не поддерживает подменю больше 2 уровня по этому эту ситуацию надо будет разрешать отдельно
}
}
parent::display_element($element, $children_elements, $max_depth, $depth, $args, $output); // вызываем стандартный метод родителя
}
window.onload = function(){
var mass = ['css/bootstrap.min.css', 'css/font-awesome.min.css', 'style.css', 'css/media.css',];
for(var i=0;i<mass.length;i++){
var a=document.createElement("link");
a.rel="stylesheet";
a.href=mass[i];
document.getElementsByTagName("head")[0].appendChild(a)
}
<body>
<object id="map-svg" type="image/svg+xml" data="map.svg"></object>
</body>
var map = document.getElementById("map-svg");
var mapDoc = map.contentDocument;
var element = mapDoc.getElementById("barrel-1");
// так не заработало
// element.setAttributeNS(null, "style", "fill:#008000");
<defs>
<style type="text/css">
.wpc-active {
fill: #008000;
}
</style>
</defs>
element.classList.add('wpc-active');
//element.classList.remove('wpc-active');
<ul role="menubar">
<li><a href="">Link1</a></li>
<li><a href="">Link2</a></li>
<li><a href="">Link3</a></li>
</ul>